diff options
Diffstat (limited to 'assets')
-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 | } |