diff options
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/_vars.scss | 8 | ||||
| -rw-r--r-- | assets/css/scopes/_body.scss | 11 |
2 files changed, 6 insertions, 13 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index 721086b..263cb5d 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
| @@ -13,8 +13,8 @@ $unit-intervals: ( | |||
| 13 | ); | 13 | ); |
| 14 | 14 | ||
| 15 | $responsive-mod-scale: ( | 15 | $responsive-mod-scale: ( |
| 16 | xs: (.8rem, 1.37), | 16 | xs: (.8rem, 1.35), |
| 17 | md: (.8rem, 1.6) | 17 | md: (.8rem, 1.58) |
| 18 | ); | 18 | ); |
| 19 | 19 | ||
| 20 | $font-fam--text: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; | 20 | $font-fam--text: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; |
| @@ -81,11 +81,11 @@ $gray7: hsl(220, 7%, 100%); | |||
| 81 | } | 81 | } |
| 82 | } | 82 | } |
| 83 | 83 | ||
| 84 | /* @include store(( | 84 | @include store(( |
| 85 | --dims: ( | 85 | --dims: ( |
| 86 | --outer: 3.5rem, | 86 | --outer: 3.5rem, |
| 87 | ), | 87 | ), |
| 88 | ), 'sm'); */ | 88 | ), 'sm'); |
| 89 | 89 | ||
| 90 | :root { | 90 | :root { |
| 91 | --heading--fg: var(--colors--fg-lo); | 91 | --heading--fg: var(--colors--fg-lo); |
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss index 9191249..b4d0a3c 100644 --- a/assets/css/scopes/_body.scss +++ b/assets/css/scopes/_body.scss | |||
| @@ -7,7 +7,6 @@ | |||
| 7 | ), | 7 | ), |
| 8 | --meta: ( | 8 | --meta: ( |
| 9 | --fg: prop(--colors --fg-hi, $global: true), | 9 | --fg: prop(--colors --fg-hi, $global: true), |
| 10 | --bg: prop(--colors --bg-hi, $global: true), | ||
| 11 | ) | 10 | ) |
| 12 | ) | 11 | ) |
| 13 | )); | 12 | )); |
| @@ -75,20 +74,14 @@ | |||
| 75 | } | 74 | } |
| 76 | 75 | ||
| 77 | @include element('meta') { | 76 | @include element('meta') { |
| 78 | display: flex; | 77 | color: prop(--colors --meta --fg); |
| 79 | font-size: 1 / 16 * 15rem; | 78 | font-size: 1 / 18 * 16em; |
| 80 | 79 | ||
| 81 | + h1 { | 80 | + h1 { |
| 82 | margin-top: $line-height * 1rem; | 81 | margin-top: $line-height * 1rem; |
| 83 | } | 82 | } |
| 84 | } | 83 | } |
| 85 | 84 | ||
| 86 | @include element('meta-item') { | ||
| 87 | padding: .3em .7em; | ||
| 88 | background-color: prop(--colors --meta --bg); | ||
| 89 | color: prop(--colors --meta --fg); | ||
| 90 | } | ||
| 91 | |||
| 92 | img { | 85 | img { |
| 93 | max-width: 100%; | 86 | max-width: 100%; |
| 94 | } | 87 | } |
