diff options
Diffstat (limited to 'assets/css/_basics.scss')
| -rw-r--r-- | assets/css/_basics.scss | 28 |
1 files changed, 10 insertions, 18 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index 0d6a2a7..2a271ff 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
| @@ -8,7 +8,7 @@ img::selection { | |||
| 8 | } | 8 | } |
| 9 | 9 | ||
| 10 | :focus { | 10 | :focus { |
| 11 | outline: 2px solid prop(--colors --fg-lo); | 11 | outline: 3px solid prop(--colors --focus-ring); |
| 12 | outline-offset: 3px; | 12 | outline-offset: 3px; |
| 13 | } | 13 | } |
| 14 | 14 | ||
| @@ -49,7 +49,7 @@ code { | |||
| 49 | } | 49 | } |
| 50 | 50 | ||
| 51 | pre { | 51 | pre { |
| 52 | margin: ($line-height * 1em) 0 0; | 52 | margin: ($line-height * 1rem) 0 0; |
| 53 | overflow-x: auto; | 53 | overflow-x: auto; |
| 54 | 54 | ||
| 55 | code { | 55 | code { |
| @@ -69,7 +69,7 @@ small { | |||
| 69 | 69 | ||
| 70 | ul, | 70 | ul, |
| 71 | ol { | 71 | ol { |
| 72 | margin: ($line-height * 1em) 0 0; | 72 | margin: ($line-height * 1rem) 0 0; |
| 73 | padding: 0; | 73 | padding: 0; |
| 74 | list-style: none; | 74 | list-style: none; |
| 75 | } | 75 | } |
| @@ -109,7 +109,7 @@ ul ul { | |||
| 109 | } | 109 | } |
| 110 | 110 | ||
| 111 | dl { | 111 | dl { |
| 112 | margin: ($line-height * 1em) 0 0; | 112 | margin: ($line-height * 1rem) 0 0; |
| 113 | padding: 0; | 113 | padding: 0; |
| 114 | } | 114 | } |
| 115 | 115 | ||
| @@ -139,27 +139,19 @@ h3, | |||
| 139 | h4, | 139 | h4, |
| 140 | h5, | 140 | h5, |
| 141 | h6 { | 141 | h6 { |
| 142 | margin: ($line-height * 2em) 0 0; | 142 | margin: ($line-height * 2rem) 0 0; |
| 143 | color: var(--heading--fg); | ||
| 143 | font-family: $font-fam--large; | 144 | font-family: $font-fam--large; |
| 144 | font-size: 1em; | 145 | font-size: 1em; |
| 145 | font-weight: 600; | 146 | font-weight: 600; |
| 146 | line-height: 1.2; | 147 | line-height: 1.2; |
| 147 | font-feature-settings: 'ss02' 1; | 148 | font-feature-settings: 'ss02' 1; |
| 148 | 149 | ||
| 149 | + & { | 150 | & + & { |
| 150 | margin-top: $line-height * 1em; | 151 | margin-top: $line-height * 1rem; |
| 151 | } | 152 | } |
| 152 | } | 153 | } |
| 153 | 154 | ||
| 154 | h1, | ||
| 155 | h2 { | ||
| 156 | color: var(--heading--fg); | ||
| 157 | } | ||
| 158 | |||
| 159 | h1 { | ||
| 160 | text-transform: uppercase; | ||
| 161 | } | ||
| 162 | |||
| 163 | p { | 155 | p { |
| 164 | margin: ($line-height * 1rem) 0 0; | 156 | margin: ($line-height * 1rem) 0 0; |
| 165 | } | 157 | } |
| @@ -171,14 +163,14 @@ p { | |||
| 171 | 163 | ||
| 172 | hr { | 164 | hr { |
| 173 | height: 1px; | 165 | height: 1px; |
| 174 | margin: ($line-height * 1em) 0; | 166 | margin: ($line-height * 1rem) 0; |
| 175 | border: 0; | 167 | border: 0; |
| 176 | background-color: prop(--colors --obj-hi); | 168 | background-color: prop(--colors --obj-hi); |
| 177 | } | 169 | } |
| 178 | 170 | ||
| 179 | blockquote, | 171 | blockquote, |
| 180 | pre { | 172 | pre { |
| 181 | margin: ($line-height * 1em) 0 0 1px; | 173 | margin: ($line-height * 1rem) 0 0 1px; |
| 182 | padding-left: calc(#{prop(--dims --indent)} - 3px); | 174 | padding-left: calc(#{prop(--dims --indent)} - 3px); |
| 183 | border-left: 2px solid prop(--colors --obj); | 175 | border-left: 2px solid prop(--colors --obj); |
| 184 | } | 176 | } |
