summaryrefslogtreecommitdiffstats
path: root/assets/css/_basics.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/_basics.scss')
-rw-r--r--assets/css/_basics.scss28
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
51pre { 51pre {
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
70ul, 70ul,
71ol { 71ol {
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
111dl { 111dl {
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,
139h4, 139h4,
140h5, 140h5,
141h6 { 141h6 {
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
154h1,
155h2 {
156 color: var(--heading--fg);
157}
158
159h1 {
160 text-transform: uppercase;
161}
162
163p { 155p {
164 margin: ($line-height * 1rem) 0 0; 156 margin: ($line-height * 1rem) 0 0;
165} 157}
@@ -171,14 +163,14 @@ p {
171 163
172hr { 164hr {
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
179blockquote, 171blockquote,
180pre { 172pre {
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}