1 files changed, 42 insertions, 43 deletions

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 1cd5547..740b293 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -1,28 +1,27 @@
 @font-face {
     font-family: 'IBM Plex Sans';
-    font-style: normal;
+    font-style:  normal;
     font-weight: normal;
-    src: //local('IBM Plex Sans'), 
-        url('/IBMPlexSans-Regular.woff2') format('woff2');
+    src:         url('/IBMPlexSans-Regular.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'IBM Plex Sans';
-    font-style: normal;
+    font-style:  normal;
     font-weight: bold;
-    src: url('/IBMPlexSans-Bold.woff2') format('woff2');
+    src:         url('/IBMPlexSans-Bold.woff2') format('woff2');
 }
 
 @font-face {
     font-family: 'Garet Variable';
-    font-style: normal;
+    font-style:  normal;
     font-weight: 50 950;
-    src: url('/GaretVariable.woff2') format('woff2-variations');
+    src:         url('/GaretVariable.woff2') format('woff2-variations');
 }
 
 ::selection {
     background-color: var(--select--bg);
-    color: var(--select--fg);
+    color:            var(--select--fg);
 }
 
 img::selection {
@@ -37,14 +36,14 @@ code {
 
 html {
     background-color: prop(--colors --bg);
-    color: prop(--colors --fg);
-    font-family: $font-fam--text;
-    font-size: px-to-em($font-size, 16px);
-    line-height: $line-height;
+    color:            prop(--colors --fg);
+    font-family:      $font-fam--text;
+    font-size:        px-to-em($font-size, 16px);
+    line-height:      $line-height;
 }
 
 body {
-    margin: 0;
+    margin:  0;
     padding: 0;
 }
 
@@ -58,7 +57,7 @@ code {
 }
 
 pre {
-    margin: ($line-height * 1em) 0 0;
+    margin:     ($line-height * 1em) 0 0;
     overflow-x: auto;
 
     code {
@@ -67,27 +66,27 @@ pre {
 }
 
 strong {
-    color: prop(--colors --fg-lo);
+    color:       prop(--colors --fg-lo);
     font-weight: bold;
 }
 
 ul,
 ol {
-    margin: ($line-height * 1em) 0 0;
-    padding: 0;
+    margin:     ($line-height * 1em) 0 0;
+    padding:    0;
     list-style: none;
 }
 
 li {
-    position: relative;
+    position:     relative;
     padding-left: $subcontent--indent;
 
     &::before {
-        display: inline-block;
-        position: absolute;
-        width: $subcontent--indent;
+        display:     inline-block;
+        position:    absolute;
+        width:       $subcontent--indent;
         margin-left: -1 * $subcontent--indent;
-        color: prop(--colors --fg-hi);
+        color:       prop(--colors --fg-hi);
         font-family: $font-fam--mono;
     }
 }
@@ -113,7 +112,7 @@ ul ul {
 }
 
 dl {
-    margin: ($line-height * 1em) 0 0;
+    margin:  ($line-height * 1em) 0 0;
     padding: 0;
 }
 
@@ -123,12 +122,12 @@ dd {
 }
 
 dt {
-    color: prop(--colors --fg-lo);
+    color:       prop(--colors --fg-lo);
     font-weight: bold;
 
     &::after {
-        content: ':';
-        color: prop(--colors --fg);
+        content:     ':';
+        color:       prop(--colors --fg);
         font-weight: normal;
     }
 }
@@ -143,11 +142,11 @@ h3,
 h4,
 h5,
 h6 {
-    margin: ($line-height * 2em) 0 0;
-    font-family: $font-fam--large;
-    font-size: 1em;
-    font-weight: 600;
-    line-height: 1.2;
+    margin:                ($line-height * 2em) 0 0;
+    font-family:           $font-fam--large;
+    font-size:             1em;
+    font-weight:           600;
+    line-height:           1.2;
     font-feature-settings: 'ss02' 1;
 
     + h1,
@@ -170,22 +169,22 @@ h1 {
 }
 
 p {
-    margin: ($line-height * 1em) 0 0;
+    margin:  ($line-height * 1em) 0 0;
     hyphens: auto;
 }
 
 :link,
 :visited {
     position: relative;
-    z-index: 1;
-    margin: 0 -.3em;
-    padding: .2em .3em;
-    color: var(--link--idle--fg);
+    z-index:  1;
+    margin:   0 -.3em;
+    padding:  .2em .3em;
+    color:    var(--link--idle--fg);
 
     &:hover {
         background-color: var(--link--hover--bg);
-        color: var(--link--hover--fg);
-        text-decoration: none;
+        color:            var(--link--hover--fg);
+        text-decoration:  none;
     }
 
     strong {
@@ -194,15 +193,15 @@ p {
 }
 
 hr {
-    height: 1px;
-    margin: ($line-height * 1em) 0;
-    border: 0;
+    height:           1px;
+    margin:           ($line-height * 1em) 0;
+    border:           0;
     background-color: prop(--colors --obj);
 }
 
 blockquote,
 pre {
-    margin: ($line-height * 1em) 0 0 1px;
+    margin:       ($line-height * 1em) 0 0 1px;
     padding-left: calc(#{$subcontent--indent} - 3px);
-    border-left: 2px solid prop(--colors --obj);
+    border-left:  2px solid prop(--colors --obj);
 }