diff options
Diffstat (limited to 'assets/css/scopes')
-rw-r--r-- | assets/css/scopes/_body.scss | 48 |
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 | } |