Skip to content

Commit

Permalink
4.0.3
Browse files Browse the repository at this point in the history 
undefined
  • Loading branch information
@asifaminb
asifaminb committed Sep 24, 2020
1 parent 699785b commit 504e561
Show file tree
Hide file tree
Showing 97 changed files with 4,726 additions and 1,020 deletions.
393 changes: 288 additions & 105 deletions docs/assets/v4/latest/css/qg-main.css
View file

Large diffs are not rendered by default.

214 changes: 200 additions & 14 deletions docs/callout.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -402,7 +402,43 @@ <h4>Related services</h4>
<div id="qg-one-col" class="row wide">

<div id="qg-primary-content" role="main">
<section class="qg-call-out-box qg-callout__grey-theme">

<a class="print-content-link" href="#"><span class="fa fa-print"></span> Print</a>








<!-- noindex -->
<!-- endnoindex -->




<!--<section class="qg-callout qg-callout__grey-theme">-->
<!-- -->
<!-- <h2 class="qg-callout__heading">Tell us what you think about our website</h2>-->
<!-- -->
<!-- <p class="au-callout__description"></p>-->
<!-- -->
<!-- -->
<!-- <a class="qg-btn btn-primary qg-callout__button" href="btnlink">btntext</a>-->

<!-- -->

<!--</section>-->
<h3>backup component for callout</h3>
<div class="qg-call-out-box">
<a class="qg-btn btn-primary" href="">Pay now</a>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid aperiam cumque delectus doloremque enim est facilis, fugit, libero neque non nulla obcaecati officia praesentium, sint soluta tempore voluptates voluptatibus!</p>
</div>


<h3>New components which are customizable on Matrix for callout</h3>
<section class="qg-callout__box qg-callout__grey-theme">
<div class="qg-callout__header col-12">
<span class="qg-callout__icon">
<i class="fa fa-comments"></i>
Expand All @@ -414,14 +450,27 @@ <h2 class="qg-callout__title">Tell us what you think about our website</h2>

<div class="qg-callout__bottom-alignment">
<div class="qg-callout__description">
<p>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag</span></p><div>Div tag</div><ul><li>Ul list</li></ul><ol><li>ol list Lorem ipsum dolor sit amet.</li></ol>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A cumque, debitis deserunt ducimus eaque eos explicabo perspiciatis reprehenderit! Corporis deleniti deserunt earum error ex id officia perferendis possimus reiciendis, similique?</p>
</div>
<a class="qg-btn btn-secondary qg-callout__cta" href="btnlink">btntext</a>
</div>
</div>
</section>

<section class="qg-call-out-box qg-callout__default-theme">

<!---->
<!-- icon is not there do something-->
<!---->

<!--<section class="qg-callout qg-callout__default-theme">-->
<!-- -->
<!-- <p class="au-callout__description"></p>-->
<!-- -->
<!-- -->

<!--</section>-->

<section class="qg-callout__box qg-callout__default-theme">

<div class="qg-callout__content col-12">
<span class="qg-callout__icon">
Expand All @@ -430,68 +479,205 @@ <h2 class="qg-callout__title">Tell us what you think about our website</h2>

<div class="qg-callout__bottom-alignment">
<div class="qg-callout__description">
<p style="text-align: justify"><strong>Lorem Ipsum</strong> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid aperiam cumque delectus doloremque enim est facilis, fugit, libero neque non nulla obcaecati officia praesentium, sint soluta tempore voluptates voluptatibus!</p>
</div>
</div>
</div>
</section>

<section class="qg-call-out-box qg-callout__default-theme">

<!---->
<!-- icon is not there do something-->
<!---->

<!--<section class="qg-callout qg-callout__default-theme">-->
<!-- -->
<!-- <p class="au-callout__description"></p>-->
<!-- -->
<!-- -->
<!-- <a class="qg-btn btn-primary qg-callout__button" href="left">Pay now</a>-->

<!-- -->

<!--</section>-->

<section class="qg-callout__box qg-callout__default-theme">

<div class="qg-callout__content col-12">

<div class="qg-callout__left-alignment">
<div class="qg-callout__description">
<p>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag</span></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid aperiam cumque delectus doloremque enim est facilis, fugit, libero neque non nulla obcaecati officia praesentium, sint soluta tempore voluptates voluptatibus!</p>
</div>
<a class="qg-btn btn-primary qg-callout__cta" href="left">Pay now</a>
</div>
</div>
</section>

<section class="qg-call-out-box qg-callout__default-theme">

<!---->
<!-- icon is not there do something-->
<!---->

<!--<section class="qg-callout qg-callout__default-theme">-->
<!-- -->
<!-- <p class="au-callout__description"></p>-->
<!-- -->
<!-- <img class="qg-callout__image" src="https://via.placeholder.com/96X132" alt=""/>-->
<!-- -->
<!-- -->

<!--</section>-->

<section class="qg-callout__box qg-callout__default-theme">

<div class="qg-callout__content col-12">

<div class="qg-callout__right-alignment">
<div class="qg-callout__description">
<p>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag</span></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid aperiam cumque delectus doloremque enim est facilis, fugit, libero neque non nulla obcaecati officia praesentium, sint soluta tempore voluptates voluptatibus!</p>
</div>
<div class="qg-callout__image">
<img src="https://www.qld.gov.au/dev/asif/96X132.png" alt="">
<img src="https://via.placeholder.com/96X132" alt="">
</div>
</div>
</div>
</section>


<section class="qg-call-out-box qg-callout__default-theme">
<!---->
<!-- icon is not there do something-->
<!---->

<!--<section class="qg-callout qg-callout__default-theme">-->
<!-- -->
<!-- <p class="au-callout__description"></p>-->
<!-- -->
<!-- -->
<!-- <a class="qg-btn btn-primary qg-callout__button" href="link">Pay Now</a>-->

<!-- -->

<!--</section>-->

<section class="qg-callout__box qg-callout__default-theme">

<div class="qg-callout__content col-12">

<div class="qg-callout__right-alignment">
<div class="qg-callout__description">
<p>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag</span></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid aperiam cumque delectus doloremque enim est facilis, fugit, libero neque non nulla obcaecati officia praesentium, sint soluta tempore voluptates voluptatibus!</p>
</div>
<a class="text-nowrap btn-link qg-callout__cta" href="link">Pay Now</a>
</div>
</div>
</section>

<section class="qg-call-out-box qg-callout__default-theme">

<!---->
<!-- icon is not there do something-->
<!---->

<!--<section class="qg-callout qg-callout__default-theme">-->
<!-- -->
<!-- <p class="au-callout__description"></p>-->
<!-- -->
<!-- <img class="qg-callout__image" src="https://via.placeholder.com/96X132" alt=""/>-->
<!-- -->
<!-- -->

<!--</section>-->

<section class="qg-callout__box qg-callout__default-theme">

<div class="qg-callout__content col-12">

<div class="qg-callout__left-alignment">
<div class="qg-callout__description">
<p>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag </span>Paragraph tag dolor sit amet<span>Span tag</span></p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid aperiam cumque delectus doloremque enim est facilis, fugit, libero neque non nulla obcaecati officia praesentium, sint soluta tempore voluptates voluptatibus!</p>
</div>
<div class="qg-callout__image">
<img src="https://www.qld.gov.au/dev/asif/96X132.png" alt="">
<img src="https://via.placeholder.com/96X132" alt="">
</div>
</div>
</div>
</section>


<!---->
<!-- icon is not there do something-->
<!---->












<div class="clearfix"></div>


<div class="qg-content-footer">






<dl>
<dt>Last updated:</dt>
<dd>11 March 2020</dd>
</dl>


<p id="document-licence"><a rel="license" href="//creativecommons.org/licenses/by/4.0/" title="Text available under Creative Commons Attribution 4.0 International (CC BY 4.0) licence"><img src="https://static.qgov.net.auhttps://static.qgov.net.au/assets/v4/latest/images/licences/by-80x15.png" alt="Creative Commons Attribution 4.0 International (CC BY 4.0)"></a></p></div>










<div id="qg-options" class="row justify-content-sm-end">
<div class="qg-share navbar">
<span class="navbar-brand qg-share__title">Share this page:</span>
<ul class="navbar navbar-right qg-share-list">


<li class="qg-share-list-item">
<a class="qg-share-link" href="http://www.facebook.com/share.php?u=https://www.qld.gov.au/dev/asif/demo-of-components&amp;title=Facebook" title="Facebook" data-analytics-link-group="qg-sharing-facebook" aria-label="Share on Facebook">
<span class="fa fa-facebook-square fa-2x qg-share-icon" aria-hidden="true"></span>
<span class="title qg-visually-hidden">Facebook</span>
</a>
</li>


<li class="qg-share-list-item">
<a class="qg-share-link" href="https://twitter.com/share?url=https://www.qld.gov.au/dev/asif/demo-of-components" title="Twitter" data-analytics-link-group="qg-sharing-twitter" aria-label="Share on Twitter">
<span class="fa fa-twitter-square fa-2x qg-share-icon" aria-hidden="true"></span>
<span class="title qg-visually-hidden">Twitter</span>
</a>
</li>


<li class="qg-share-list-item">
<a class="qg-share-link" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https://www.qld.gov.au/dev/asif/demo-of-components&amp;title=LinkedIn&amp;source=www.qld.gov.au" title="LinkedIn" data-analytics-link-group="qg-sharing-linkedin" aria-label="Share on LinkedIn">
<span class="fa fa-linkedin-square fa-2x qg-share-icon" aria-hidden="true"></span>
<span class="title qg-visually-hidden">LinkedIn</span>
</a>
</li>
</ul>
</div>
</div>

</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 504e561

Please sign in to comment.