summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-01-10 15:24:44 +0100
committerVolpeon <git@volpeon.ink>2023-01-10 15:24:44 +0100
commit992332a0a02519f1155eca113353aa7dafe362ec (patch)
tree4504e14ba2700357fbb6cccb38e34478880e7251 /src/objects
parentFix lightbox thumbnails when viewport too narrow (diff)
downloadiro-design-992332a0a02519f1155eca113353aa7dafe362ec.tar.gz
iro-design-992332a0a02519f1155eca113353aa7dafe362ec.tar.bz2
iro-design-992332a0a02519f1155eca113353aa7dafe362ec.zip
Added smaller set of headings
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_heading.scss29
1 files changed, 18 insertions, 11 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index 6264072..56d4987 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -27,17 +27,17 @@
27 27
28 @include iro.bem-modifier('xxl') { 28 @include iro.bem-modifier('xxl') {
29 color: fn.color(--strong); 29 color: fn.color(--strong);
30 font-size: fn.global-dim(--font-size --900); 30 font-size: fn.global-dim(--font-size --400);
31 } 31 }
32 32
33 @include iro.bem-modifier('xl') { 33 @include iro.bem-modifier('xl') {
34 color: fn.color(--strong); 34 color: fn.color(--strong);
35 font-size: fn.global-dim(--font-size --600); 35 font-size: fn.global-dim(--font-size --300);
36 } 36 }
37 37
38 @include iro.bem-modifier('lg') { 38 @include iro.bem-modifier('lg') {
39 color: fn.color(--strong); 39 color: fn.color(--strong);
40 font-size: fn.global-dim(--font-size --300); 40 font-size: fn.global-dim(--font-size --200);
41 } 41 }
42 42
43 @include iro.bem-modifier('md') { 43 @include iro.bem-modifier('md') {
@@ -71,14 +71,21 @@
71 color: fn.color(--light); 71 color: fn.color(--light);
72 } 72 }
73 73
74 @include iro.bem-elem('primary') { 74 @include iro.bem-modifier('display') {
75 background-image: linear-gradient( 75 @include iro.bem-modifier('xxl') {
76 to top, 76 color: fn.foreign-color(--heading, --strong);
77 transparent .15em, 77 font-size: fn.global-dim(--font-size --900);
78 fn.color(--bg) .15em, 78 }
79 fn.color(--bg) .6em, 79
80 transparent .6em 80 @include iro.bem-modifier('xl') {
81 ); 81 color: fn.foreign-color(--heading, --strong);
82 font-size: fn.global-dim(--font-size --600);
83 }
84
85 @include iro.bem-modifier('l') {
86 color: fn.foreign-color(--heading, --strong);
87 font-size: fn.global-dim(--font-size --300);
88 }
82 } 89 }
83 } 90 }
84} 91}