summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-10 22:04:37 +0200
committerVolpeon <git@volpeon.ink>2022-06-10 22:04:37 +0200
commita6d3fbcfe90103ac3000d98cc97879d1c5c00915 (patch)
treeb74b04b021a8ab948c95792ef6bca653aea77be2 /src/objects
parentUpdate (diff)
downloadiro-design-a6d3fbcfe90103ac3000d98cc97879d1c5c00915.tar.gz
iro-design-a6d3fbcfe90103ac3000d98cc97879d1c5c00915.tar.bz2
iro-design-a6d3fbcfe90103ac3000d98cc97879d1c5c00915.zip
Updated headings
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_heading.scss21
1 files changed, 4 insertions, 17 deletions
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
@@ -5,15 +5,6 @@
5 5
6@include iro.props-namespace('heading') { 6@include iro.props-namespace('heading') {
7 @include iro.props-store(( 7 @include iro.props-store((
8 --dims: (
9 --spacing: (
10 --top: fn.global-dim(--size --500),
11 --top-sibling: fn.global-dim(--size --325),
12 ),
13 ),
14 ), 'dims');
15
16 @include iro.props-store((
17 --colors: ( 8 --colors: (
18 --light: fn.global-color(--fg-hi), 9 --light: fn.global-color(--fg-hi),
19 --strong: fn.global-color(--fg-lo), 10 --strong: fn.global-color(--fg-lo),
@@ -25,16 +16,12 @@
25 @include mx.set-font(--headline); 16 @include mx.set-font(--headline);
26 17
27 display: block; 18 display: block;
19 margin-top: fn.global-dim(--heading --margin-top);
28 letter-spacing: normal; 20 letter-spacing: normal;
29 text-transform: none; 21 text-transform: none;
30 22
31 @include iro.bem-at-theme('typography') { 23 & + & {
32 margin-top: fn.dim(--spacing --top); 24 margin-top: fn.global-dim(--heading --margin-top-sibling);
33 margin-bottom: 0;
34
35 & + & {
36 margin-top: fn.dim(--spacing --top-sibling);
37 }
38 } 25 }
39 26
40 @include iro.bem-modifier('xxl') { 27 @include iro.bem-modifier('xxl') {
@@ -81,7 +68,7 @@
81 color: fn.color(--light); 68 color: fn.color(--light);
82 } 69 }
83 70
84 @include iro.bem-elem('inner') { 71 @include iro.bem-elem('primary') {
85 background-image: linear-gradient( 72 background-image: linear-gradient(
86 to top, 73 to top,
87 transparent .15em, 74 transparent .15em,