diff options
Diffstat (limited to 'assets/css/_basics.scss')
-rw-r--r-- | assets/css/_basics.scss | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index becf68a..648a4fc 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
@@ -7,6 +7,11 @@ img::selection { | |||
7 | background-color: prop(--colors --select --img-bg); | 7 | background-color: prop(--colors --select --img-bg); |
8 | } | 8 | } |
9 | 9 | ||
10 | :focus { | ||
11 | outline: 2px solid prop(--colors --fg-lo); | ||
12 | outline-offset: 3px; | ||
13 | } | ||
14 | |||
10 | html, | 15 | html, |
11 | pre, | 16 | pre, |
12 | code { | 17 | code { |
@@ -71,13 +76,13 @@ ol { | |||
71 | 76 | ||
72 | li { | 77 | li { |
73 | position: relative; | 78 | position: relative; |
74 | padding-left: $subcontent--indent; | 79 | padding-left: prop(--dims --indent); |
75 | 80 | ||
76 | &::before { | 81 | &::before { |
77 | display: inline-block; | 82 | display: inline-block; |
78 | position: absolute; | 83 | position: absolute; |
79 | width: $subcontent--indent; | 84 | width: prop(--dims --indent); |
80 | margin-left: -1 * $subcontent--indent; | 85 | margin-left: calc(-1 * #{prop(--dims --indent)}); |
81 | color: prop(--colors --fg-hi); | 86 | color: prop(--colors --fg-hi); |
82 | font-family: $font-fam--mono; | 87 | font-family: $font-fam--mono; |
83 | } | 88 | } |
@@ -166,19 +171,19 @@ p { | |||
166 | 171 | ||
167 | :link, | 172 | :link, |
168 | :visited { | 173 | :visited { |
169 | color: var(--link--idle--fg); | 174 | color: prop(--colors --link --idle); |
170 | } | 175 | } |
171 | 176 | ||
172 | hr { | 177 | hr { |
173 | height: 1px; | 178 | height: 1px; |
174 | margin: ($line-height * 1em) 0; | 179 | margin: ($line-height * 1em) 0; |
175 | border: 0; | 180 | border: 0; |
176 | background-color: prop(--colors --obj); | 181 | background-color: prop(--colors --obj-hi); |
177 | } | 182 | } |
178 | 183 | ||
179 | blockquote, | 184 | blockquote, |
180 | pre { | 185 | pre { |
181 | margin: ($line-height * 1em) 0 0 1px; | 186 | margin: ($line-height * 1em) 0 0 1px; |
182 | padding-left: calc(#{$subcontent--indent} - 3px); | 187 | padding-left: calc(#{prop(--dims --indent)} - 3px); |
183 | border-left: 2px solid prop(--colors --obj); | 188 | border-left: 2px solid prop(--colors --obj); |
184 | } | 189 | } |