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

POC

Browse Source
This commit is contained in:
reverend
2021-01-02 20:31:02 +01:00
parent 169e430a4b
commit 3f3874427c
8 changed files with 1191 additions and 891 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,22 +7,18 @@
&--horizontal &__List {
@include RV-FlexRow__Container--horizontal;
@include RV-FlexRow__Container--breakPoint;
}
&--spaced &__List {
gap: $-spacing-medium;
@include RV-FlexRow__Container--breakPoint(400px);
}
&__List {
@include RV-FlexRow__Container($-prefix: '.RV-Menu');
@include RV-ElementList;
padding: $-spacing-small;
}
&__Item {
@include RV-FlexRow__Item;
@include RV-FlexRow__Item--shorthands;
width: 100px;
.RV-Link {
padding: $-spacing-small;

4
components/05_Components/menu/menu.hbs
View File

@@ -20,7 +20,7 @@
<br><br>
<div class="RV-Menu RV-Menu--horizontal RV-Menu--spaced">
<div class="RV-Menu RV-Menu--horizontal RV-Spacing__Inner--small">
<ul class="RV-Menu__List">
<li class="RV-Menu__Item"><a href="#" class="RV-Link">Home</a></li>
<li class="RV-Menu__Item"><a href="#" class="RV-Link">Projects</a></li>
@@ -31,7 +31,7 @@
<br><br>
<div class="RV-Menu RV-Menu--vertical RV-Menu--spaced">
<div class="RV-Menu RV-Menu--vertical">
<ul class="RV-Menu__List">
<li class="RV-Menu__Item"><a href="#" class="RV-Link">Home</a></li>
<li class="RV-Menu__Item"><a href="#" class="RV-Link">Projects</a></li>