Reordering, Layouts now No 1
This commit is contained in:
15
components/04_Molecules/elementList/_elementList.styl
Normal file
15
components/04_Molecules/elementList/_elementList.styl
Normal file
@@ -0,0 +1,15 @@
|
||||
RV-ElementList__Item()
|
||||
@include RV-FlexRow__Item
|
||||
|
||||
RV-ElementList(break_width=500px, prefix='&')
|
||||
RV-FlexRow__Container()
|
||||
RV-FlexRow__Container--shorthands()
|
||||
RV-Reset()
|
||||
|
||||
list-style-type none
|
||||
|
||||
{prefix}__Item
|
||||
RV-ElementList__Item()
|
||||
|
||||
.RV-ElementList
|
||||
RV-ElementList()
|
@@ -0,0 +1 @@
|
||||
{}
|
22
components/04_Molecules/elementList/elementList.hbs
Normal file
22
components/04_Molecules/elementList/elementList.hbs
Normal file
@@ -0,0 +1,22 @@
|
||||
<ul class="RV-ElementList RV-ElementList--vertical">
|
||||
<li class="RV-ElementList__Item">Item</li>
|
||||
<li class="RV-ElementList__Item">Item</li>
|
||||
<li class="RV-ElementList__Item">Item</li>
|
||||
<li class="RV-ElementList__Item">Item</li>
|
||||
</ul>
|
||||
|
||||
<br><br>
|
||||
|
||||
<ul class="RV-ElementList RV-ElementList--horizontal">
|
||||
<li class="RV-ElementList__Item">Item</li>
|
||||
<li class="RV-ElementList__Item">Item</li>
|
||||
<li class="RV-ElementList__Item">Item</li>
|
||||
<li class="RV-ElementList__Item">Item</li>
|
||||
</ul>
|
||||
<br><br>
|
||||
<ul class="RV-ElementList RV-ElementList--auto">
|
||||
<li class="RV-ElementList__Item">ItemItem</li>
|
||||
<li class="RV-ElementList__Item">ItemItemItem</li>
|
||||
<li class="RV-ElementList__Item">ItemItem</li>
|
||||
<li class="RV-ElementList__Item">Item</li>
|
||||
</ul>
|
Reference in New Issue
Block a user