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