diff options
Diffstat (limited to 'assets/sass/components/_menu.scss')
-rw-r--r-- | assets/sass/components/_menu.scss | 47 |
1 files changed, 40 insertions, 7 deletions
diff --git a/assets/sass/components/_menu.scss b/assets/sass/components/_menu.scss index 19713ac..f0362ad 100644 --- a/assets/sass/components/_menu.scss +++ b/assets/sass/components/_menu.scss @@ -39,6 +39,26 @@ height: $menu-title-height; margin: 0.25rem 0; + &[data-depth="1"] { + font-size: 0.925rem; + margin-left: 1.25rem; + } + + &[data-depth="2"] { + font-size: 0.925rem; + margin-left: 2.5rem; + } + + &[data-depth="3"] { + font-size: 0.925rem; + margin-left: 3.75rem; + } + + &[data-depth="4"] { + font-size: 0.925rem; + margin-left: 5rem; + } + @include no-select; @include flexbox(); @include align-items(center); @@ -62,6 +82,26 @@ height: $menu-title-height; margin: 0.25rem 0; + &[data-depth="1"] { + font-size: 0.925rem; + margin-left: 1.25rem; + } + + &[data-depth="2"] { + font-size: 0.925rem; + margin-left: 2.5rem; + } + + &[data-depth="3"] { + font-size: 0.925rem; + margin-left: 3.75rem; + } + + &[data-depth="4"] { + font-size: 0.925rem; + margin-left: 5rem; + } + @include no-select; @include flexbox(); @include align-items(center); @@ -69,9 +109,6 @@ color: themed('body-color'); &.active { - font-weight: bold; - color: themed('active-font-color'); - svg { color: themed('active-font-color'); } @@ -131,10 +168,6 @@ @include transition(); - .active { - font-weight: bold; - } - li { margin-left: 1.25rem; |