summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-02-21 22:03:07 +0100
committerVolpeon <git@volpeon.ink>2023-02-21 22:03:07 +0100
commita01097fc87a7d6ba4a22c62d3d28aed2e697c233 (patch)
tree105ed20ec6a4819d8ded87d4a87f08a70e7b5a39 /src
parentFixed menu icon slot width (diff)
downloadiro-design-a01097fc87a7d6ba4a22c62d3d28aed2e697c233.tar.gz
iro-design-a01097fc87a7d6ba4a22c62d3d28aed2e697c233.tar.bz2
iro-design-a01097fc87a7d6ba4a22c62d3d28aed2e697c233.zip
Better menu
Diffstat (limited to 'src')
-rw-r--r--src/objects/_menu.scss12
1 files changed, 10 insertions, 2 deletions
diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss
index 2e525da..3a2d057 100644
--- a/src/objects/_menu.scss
+++ b/src/objects/_menu.scss
@@ -4,11 +4,11 @@
4@include iro.props-namespace('menu') { 4@include iro.props-namespace('menu') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --dims: ( 6 --dims: (
7 --spacing: fn.global-dim(--size --25), 7 --spacing: fn.global-dim(--size --50),
8 --header: ( 8 --header: (
9 --font-size: fn.global-dim(--font-size --50), 9 --font-size: fn.global-dim(--font-size --50),
10 ), 10 ),
11 --separator: fn.global-dim(--size --150), 11 --separator: fn.global-dim(--size --200),
12 --item: ( 12 --item: (
13 --pad-x: fn.global-dim(--size --150), 13 --pad-x: fn.global-dim(--size --150),
14 --pad-y: fn.global-dim(--size --100), 14 --pad-y: fn.global-dim(--size --100),
@@ -50,6 +50,10 @@
50 font-weight: 500; 50 font-weight: 500;
51 letter-spacing: .5px; 51 letter-spacing: .5px;
52 text-transform: uppercase; 52 text-transform: uppercase;
53
54 @include iro.bem-next-twin-elem {
55 margin-top: calc(fn.dim(--separator) + fn.dim(--spacing));
56 }
53 } 57 }
54 58
55 @include iro.bem-elem('item') { 59 @include iro.bem-elem('item') {
@@ -78,6 +82,10 @@
78 } 82 }
79 } 83 }
80 } 84 }
85
86 @include iro.bem-next-elem('header') {
87 margin-top: calc(fn.dim(--separator) + fn.dim(--spacing));
88 }
81 } 89 }
82 90
83 @include iro.bem-elem('separator') { 91 @include iro.bem-elem('separator') {