Add some row/col and panel examples
This commit is contained in:
parent
35a5a62b57
commit
51110c30bf
@ -2,24 +2,23 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<main class="usa-section usa-content">
|
<div class='panel-row'>
|
||||||
|
<div class='col'>
|
||||||
<h1>AT-ST Component Styleguide</h1>
|
|
||||||
|
|
||||||
<div class='usa-grid'>
|
|
||||||
<div class='usa-width-one-half'>
|
|
||||||
<div class='panel'>
|
<div class='panel'>
|
||||||
<p>This is a panel</p>
|
<p>This is a panel</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class='usa-width-one-half'>
|
<div class='col col--grow'>
|
||||||
<div class='panel'>
|
<div class='panel'>
|
||||||
<p>This is a panel</p>
|
<p>This is a panel</p>
|
||||||
|
|
||||||
|
<div class='row'>
|
||||||
|
<div class='col col--grow'>col 1</div>
|
||||||
|
<div class='col col--grow'>col 2</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</main>
|
|
||||||
|
|
||||||
{% end %}
|
{% end %}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user