From a01097fc87a7d6ba4a22c62d3d28aed2e697c233 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 21 Feb 2023 22:03:07 +0100 Subject: Better menu --- src/objects/_menu.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'src') 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') { -- cgit v1.2.3-70-g09d2