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 {
     background-color: prop(--colors --select --img-bg);
 }
 
+:focus {
+    outline:        2px solid prop(--colors --fg-lo);
+    outline-offset: 3px;
+}
+
 html,
 pre,
 code {
@@ -71,13 +76,13 @@ ol {
 
 li {
     position:     relative;
-    padding-left: $subcontent--indent;
+    padding-left: prop(--dims --indent);
 
     &::before {
         display:     inline-block;
         position:    absolute;
-        width:       $subcontent--indent;
-        margin-left: -1 * $subcontent--indent;
+        width:       prop(--dims --indent);
+        margin-left: calc(-1 * #{prop(--dims --indent)});
         color:       prop(--colors --fg-hi);
         font-family: $font-fam--mono;
     }
@@ -166,19 +171,19 @@ p {
 
 :link,
 :visited {
-    color: var(--link--idle--fg);
+    color: prop(--colors --link --idle);
 }
 
 hr {
     height:           1px;
     margin:           ($line-height * 1em) 0;
     border:           0;
-    background-color: prop(--colors --obj);
+    background-color: prop(--colors --obj-hi);
 }
 
 blockquote,
 pre {
     margin:       ($line-height * 1em) 0 0 1px;
-    padding-left: calc(#{$subcontent--indent} - 3px);
+    padding-left: calc(#{prop(--dims --indent)} - 3px);
     border-left:  2px solid prop(--colors --obj);
 }