summaryrefslogtreecommitdiffstats
path: root/src/scopes
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/scopes
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/scopes')
-rw-r--r--src/scopes/_headings.scss29
1 files changed, 18 insertions, 11 deletions
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss
index 58bac7f..fc4991a 100644
--- a/src/scopes/_headings.scss
+++ b/src/scopes/_headings.scss
@@ -21,17 +21,17 @@
21 21
22 h1 { 22 h1 {
23 color: fn.foreign-color(--heading, --strong); 23 color: fn.foreign-color(--heading, --strong);
24 font-size: fn.global-dim(--font-size --900); 24 font-size: fn.global-dim(--font-size --400);
25 } 25 }
26 26
27 h2 { 27 h2 {
28 color: fn.foreign-color(--heading, --strong); 28 color: fn.foreign-color(--heading, --strong);
29 font-size: fn.global-dim(--font-size --600); 29 font-size: fn.global-dim(--font-size --300);
30 } 30 }
31 31
32 h3 { 32 h3 {
33 color: fn.foreign-color(--heading, --strong); 33 color: fn.foreign-color(--heading, --strong);
34 font-size: fn.global-dim(--font-size --300); 34 font-size: fn.global-dim(--font-size --200);
35 } 35 }
36 36
37 h4 { 37 h4 {
@@ -65,14 +65,21 @@
65 color: fn.foreign-color(--heading, --light); 65 color: fn.foreign-color(--heading, --light);
66 } 66 }
67 67
68 @include iro.bem-elem('primary') { 68 @include iro.bem-modifier('display') {
69 background-image: linear-gradient( 69 h1 {
70 to top, 70 color: fn.foreign-color(--heading, --strong);
71 transparent .15em, 71 font-size: fn.global-dim(--font-size --900);
72 fn.foreign-color(--heading, --bg) .15em, 72 }
73 fn.foreign-color(--heading, --bg) .6em, 73
74 transparent .6em 74 h2 {
75 ); 75 color: fn.foreign-color(--heading, --strong);
76 font-size: fn.global-dim(--font-size --600);
77 }
78
79 h3 {
80 color: fn.foreign-color(--heading, --strong);
81 font-size: fn.global-dim(--font-size --300);
82 }
76 } 83 }
77 } 84 }
78} 85}