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 | } |
