Better menu

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 @@
 @include iro.props-namespace('menu') {
     @include iro.props-store((
         --dims: (
-            --spacing: fn.global-dim(--size --25),
+            --spacing: fn.global-dim(--size --50),
             --header: (
                 --font-size: fn.global-dim(--font-size --50),
             ),
-            --separator: fn.global-dim(--size --150),
+            --separator: fn.global-dim(--size --200),
             --item: (
                 --pad-x:    fn.global-dim(--size --150),
                 --pad-y:    fn.global-dim(--size --100),
@@ -50,6 +50,10 @@
             font-weight:    500;
             letter-spacing: .5px;
             text-transform: uppercase;
+
+            @include iro.bem-next-twin-elem {
+                margin-top: calc(fn.dim(--separator) + fn.dim(--spacing));
+            }
         }
 
         @include iro.bem-elem('item') {
@@ -78,6 +82,10 @@
                     }
                 }
             }
+
+            @include iro.bem-next-elem('header') {
+                margin-top: calc(fn.dim(--separator) + fn.dim(--spacing));
+            }
         }
 
         @include iro.bem-elem('separator') {