97 lines
1.8 KiB
Handlebars
97 lines
1.8 KiB
Handlebars
<div class="grid">
|
|
<div>
|
|
<div class="red RV-Sizes--half">
|
|
non flexbox, half size
|
|
</div>
|
|
<inline class="green">
|
|
other, no class
|
|
</inline>
|
|
</div>
|
|
<br>
|
|
<div>
|
|
<div class="red RV-Sizes--third">
|
|
non flexbox, third size
|
|
</div>
|
|
<inline class="green">
|
|
other, no class
|
|
</inline>
|
|
</div>
|
|
<br>
|
|
<div>
|
|
<div class="red RV-Sizes--quarter">
|
|
non flexbox, quarter size
|
|
</div>
|
|
<inline class="green">
|
|
other, no class
|
|
</inline>
|
|
</div>
|
|
<br>
|
|
<div>
|
|
<div class="red RV-Sizes--fixedSize" style="width: 150px;">
|
|
non flexbox, fixed size
|
|
</div>
|
|
<inline class="green">
|
|
other, no class
|
|
</inline>
|
|
</div>
|
|
<br>
|
|
<div>
|
|
<div class="red RV-Sizes--content">
|
|
non flexbox, content size
|
|
</div>
|
|
<inline class="green">
|
|
other, no class
|
|
</inline>
|
|
</div>
|
|
<br><br>
|
|
using flexbox<br>
|
|
<div class="RV-FlexRow__Container">
|
|
<div class="red RV-Sizes--half">
|
|
non flexbox, half size
|
|
</div>
|
|
<div class="green RV-Sizes--quarter">
|
|
non flexbox, quarter size
|
|
</div>
|
|
<inline class="red">
|
|
other, no class
|
|
</inline>
|
|
</div>
|
|
<br>
|
|
<div class="RV-FlexRow__Container">
|
|
<div class="red RV-Sizes--third">
|
|
non flexbox, third size
|
|
</div>
|
|
<inline class="green">
|
|
other, no class
|
|
</inline>
|
|
</div>
|
|
<br>
|
|
<div class="RV-FlexRow__Container">
|
|
<div class="red RV-Sizes--quarter">
|
|
non flexbox, quarter size
|
|
</div>
|
|
<inline class="green">
|
|
other, no class
|
|
</inline>
|
|
</div>
|
|
<br>
|
|
<div class="RV-FlexRow__Container">
|
|
<div class="red RV-Sizes--fixedSize" style="width: 150px;">
|
|
non flexbox, fixed size
|
|
</div>
|
|
<inline class="green">
|
|
other, no class
|
|
</inline>
|
|
</div>
|
|
<br>
|
|
<div class="RV-FlexRow__Container">
|
|
<div class="red RV-Sizes--content">
|
|
non flexbox, content size
|
|
</div>
|
|
<inline class="green">
|
|
other, no class
|
|
</inline>
|
|
</div>
|
|
</div>
|
|
|