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

Converting the rest to stylus

Browse Source
This commit is contained in:
reverend
2021-01-03 15:33:36 +01:00
parent 35a11bab6e
commit 80bed0b6c7
20 changed files with 609 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
components/05_Components/menu/_menu.scss
View File

@@ -1,35 +0,0 @@
@mixin RV-Menu {
&--vertical &__List {
@include RV-FlexRow__Container--vertical;
width: 100%;
}
&--horizontal &__List {
@include RV-FlexRow__Container--horizontal;
@include RV-FlexRow__Container--breakPoint(400px);
}
&__List {
@include RV-FlexRow__Container($-prefix: '.RV-Menu');
@include RV-ElementList;
}
&__Item {
@include RV-FlexRow__Item;
@include RV-FlexRow__Item--shorthands;
width: 100px;
.RV-Link {
padding: $-spacing-small;
background-color: beige;
display: block;
white-space: nowrap;
}
}
}
.RV-Menu {
@include RV-Menu;
}

26
components/05_Components/menu/_menu.styl Normal file
View File

@@ -0,0 +1,26 @@
RV-Menu()
&--vertical &__List
RV-FlexRow__Container--vertical()
width 100%
&--horizontal &__List
RV-FlexRow__Container--horizontal()
RV-FlexRow__Container--breakPoint(400px)
&__List
RV-FlexRow__Container(prefix='.RV-Menu')
RV-ElementList()
&__Item
RV-FlexRow__Item()
RV-FlexRow__Item--shorthands()
width 100px
.RV-Link
padding spacing-small
background-color beige
display block
white-space nowrap
.RV-Menu
RV-Menu()