diff options
Diffstat (limited to 'src/objects/_menu.scss')
-rw-r--r-- | src/objects/_menu.scss | 12 |
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') { |