diff options
Diffstat (limited to 'assets/sass/components/_menu.scss')
| -rw-r--r-- | assets/sass/components/_menu.scss | 56 |
1 files changed, 39 insertions, 17 deletions
diff --git a/assets/sass/components/_menu.scss b/assets/sass/components/_menu.scss index 97cfdd8..10217f6 100644 --- a/assets/sass/components/_menu.scss +++ b/assets/sass/components/_menu.scss @@ -39,23 +39,19 @@ 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; + margin-left: 2rem; } &[data-depth="3"] { - font-size: 0.925rem; - margin-left: 3.75rem; + margin-left: 2.75rem; } &[data-depth="4"] { - font-size: 0.925rem; - margin-left: 5rem; + margin-left: 3.5rem; } @include no-select; @@ -77,30 +73,26 @@ &--collapse { cursor: pointer; word-break: break-word; - font-size: 16px; + font-size: 0.925rem; 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; + margin-left: 2rem; } &[data-depth="3"] { - font-size: 0.925rem; - margin-left: 3.75rem; + margin-left: 2.75rem; } &[data-depth="4"] { - font-size: 0.925rem; - margin-left: 5rem; + margin-left: 3.5rem; } - + @include no-select; @include flexbox(); @include align-items(center); @@ -123,6 +115,10 @@ } } } + + & > span { + @include truncate(150px); + } } &--icon { @@ -168,11 +164,37 @@ @include transition(); li { - margin-left: 1.25rem; + margin: 0.75rem 0 0.75rem 1.25rem; + + @include truncate(170px); &.active { font-weight: bold; } + + a { + display: inline; + } + } + + li.menu__title--collapse { + margin: 0.25rem 0 0.25rem 1.25rem; + + &[data-depth="1"] { + margin-left: 1.25rem; + } + + &[data-depth="2"] { + margin-left: 2rem; + } + + &[data-depth="3"] { + margin-left: 2.75rem; + } + + &[data-depth="4"] { + margin-left: 3.5rem; + } } } |