reverend/scss-library
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Rotating Labels for better visability

Browse Source
This commit is contained in:
reverend 2021-03-21 18:47:02 +01:00
parent 01b3714505
commit 82f3a5285e
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/01_Layouts/flexRow/flexRow.hbs
View File

@ -1,20 +1,20 @@
<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;"> <div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
<div class="RV-FlexRow__Item RV-FlexRow__Item--narrower RV-Dummy RV-Alignment--center">Narrower</div> <div class="RV-FlexRow__Item RV-FlexRow__Item--narrower RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Narrower</p></div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--narrow RV-Dummy RV-Alignment--center">Narrow</div> <div class="RV-FlexRow__Item RV-FlexRow__Item--narrow RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Narrow</p></div>
<div class="RV-FlexRow__Item RV-Dummy RV-Alignment--center">Normal</div> <div class="RV-FlexRow__Item RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Normal</p></div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--wide RV-Dummy RV-Alignment RV-Alignment--center">Wide</div> <div class="RV-FlexRow__Item RV-FlexRow__Item--wide RV-Dummy RV-Alignment RV-Alignment--center"><p class="RV-Rotation--left">Wide</p></div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--wider RV-Dummy RV-Alignment--center">Wider</div> <div class="RV-FlexRow__Item RV-FlexRow__Item--wider RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Wider</p></div>
<div class="RV-FlexRow__Item RV-FlexRow__Item--fixedSize RV-Dummy RV-Alignment--center">Fixed Size</div> <div class="RV-FlexRow__Item RV-FlexRow__Item--fixedSize RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Fixed Size</p></div>
</div> </div>
<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;"> <div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
<div class="RV-FlexRow__Item RV-FlexRow__Item--quarter RV-Dummy RV-Alignment--center">Quarter</div> <div class="RV-FlexRow__Item RV-FlexRow__Item--quarter RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Quarter</p></div>
</div> </div>
<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;"> <div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
<div class="RV-FlexRow__Item RV-FlexRow__Item--third RV-Dummy RV-Alignment--center">Third</div> <div class="RV-FlexRow__Item RV-FlexRow__Item--third RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Third</p></div>
</div> </div>
<div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;"> <div class="RV-FlexRow RV-FlexRow{{modifier}} RV-Spacing__Outer--medium" style="height: 150px;">
<div class="RV-FlexRow__Item RV-FlexRow__Item--half RV-Dummy RV-Alignment--center">Half</div> <div class="RV-FlexRow__Item RV-FlexRow__Item--half RV-Dummy RV-Alignment--center"><p class="RV-Rotation--left">Half</p></div>
</div> </div>