39 lines
779 B
SCSS
39 lines
779 B
SCSS
@mixin RV-Menu {
|
|
|
|
&--vertical &__List {
|
|
@include RV-FlexRow__Container--vertical;
|
|
width: 100%;
|
|
}
|
|
|
|
&--horizontal &__List {
|
|
@include RV-FlexRow__Container--horizontal;
|
|
@include RV-FlexRow__Container--breakPoint;
|
|
}
|
|
|
|
&--spaced &__List {
|
|
gap: $-spacing-medium;
|
|
}
|
|
|
|
&__List {
|
|
@include RV-FlexRow__Container($-prefix: '.RV-Menu');
|
|
@include RV-ElementList;
|
|
padding: $-spacing-small;
|
|
}
|
|
|
|
&__Item {
|
|
@include RV-FlexRow__Item;
|
|
@include RV-FlexRow__Item--shorthands;
|
|
|
|
.RV-Link {
|
|
padding: $-spacing-small;
|
|
background-color: beige;
|
|
display: block;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.RV-Menu {
|
|
@include RV-Menu;
|
|
} |