From a6d3fbcfe90103ac3000d98cc97879d1c5c00915 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 10 Jun 2022 22:04:37 +0200 Subject: Updated headings --- src/objects/_heading.scss | 21 ++++----------------- 1 file changed, 4 insertions(+), 17 deletions(-) (limited to 'src/objects/_heading.scss') diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 77e24b4..a9e0e71 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss @@ -4,15 +4,6 @@ @use '../config'; @include iro.props-namespace('heading') { - @include iro.props-store(( - --dims: ( - --spacing: ( - --top: fn.global-dim(--size --500), - --top-sibling: fn.global-dim(--size --325), - ), - ), - ), 'dims'); - @include iro.props-store(( --colors: ( --light: fn.global-color(--fg-hi), @@ -25,16 +16,12 @@ @include mx.set-font(--headline); display: block; + margin-top: fn.global-dim(--heading --margin-top); letter-spacing: normal; text-transform: none; - @include iro.bem-at-theme('typography') { - margin-top: fn.dim(--spacing --top); - margin-bottom: 0; - - & + & { - margin-top: fn.dim(--spacing --top-sibling); - } + & + & { + margin-top: fn.global-dim(--heading --margin-top-sibling); } @include iro.bem-modifier('xxl') { @@ -81,7 +68,7 @@ color: fn.color(--light); } - @include iro.bem-elem('inner') { + @include iro.bem-elem('primary') { background-image: linear-gradient( to top, transparent .15em, -- cgit v1.2.3-70-g09d2