summaryrefslogtreecommitdiffstats
path: root/assets/css/scopes
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/scopes')
-rw-r--r--assets/css/scopes/_body.scss48
1 files changed, 38 insertions, 10 deletions
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index 5f41f29..f725b0a 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -13,21 +13,49 @@
13 margin-top: 0; 13 margin-top: 0;
14 } 14 }
15 15
16 :link {
17 color: prop(--colors --link --idle-body, $global: true);
18 }
19
20 :visited {
21 color: prop(--colors --link --visited-body, $global: true);
22 }
23
24 h1,
25 h2,
26 h3,
27 h4 {
28 transform: translateX(-.06em);
29 font-family: $font-fam--large;
30 font-weight: 600;
31 }
32
16 h1 { 33 h1 {
17 transform: translateX(-.06em); 34 @include iro-responsive-modular-scale(font-size, 4, $responsive-mod-scale);
18 font-family: $font-fam--large;
19 font-weight: 600;
20 text-transform: none;
21 } 35 }
22 36
23 img { 37 h2 {
24 max-width: 100%; 38 @include iro-responsive-modular-scale(font-size, 3, $responsive-mod-scale);
25 } 39 }
26 40
27 @include iro-responsive-env(('xs', 'md')) { 41 h3 {
28 h1 { 42 @include iro-responsive-modular-scale(font-size, 2, $responsive-mod-scale);
29 font-size: iro-responsive-set((1.8rem, 3rem)); 43
30 } 44 letter-spacing: .1em;
45 text-transform: uppercase;
46 }
47
48 h4,
49 h5,
50 h6 {
51 @include iro-responsive-modular-scale(font-size, 1, $responsive-mod-scale);
52
53 letter-spacing: .1em;
54 text-transform: uppercase;
55 }
56
57 img {
58 max-width: 100%;
31 } 59 }
32 } 60 }
33} 61}