Design

4 files changed, 20 insertions, 16 deletions

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 573167c..c3c62db 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -8,7 +8,7 @@ img::selection {
 }
 
 :focus {
-    outline:        3px solid prop(--colors --focus-ring);
+    outline:        2px solid prop(--colors --focus-ring);
     outline-offset: 3px;
 }
 
@@ -45,7 +45,8 @@ code {
 }
 
 code {
-    color: var(--code--fg);
+    color:     var(--code--fg);
+    font-size: 1 / 16 * 15em;
 }
 
 pre {
@@ -138,10 +139,12 @@ h3,
 h4,
 h5,
 h6 {
-    margin:      ($line-height * 2rem) 0 0;
-    color:       var(--heading--fg);
-    font-size:   1em;
-    font-weight: 700;
+    margin:         ($line-height * 2rem) 0 0;
+    color:          var(--heading--fg);
+    font-size:      1 / 16 * 14em;
+    font-weight:    700;
+    letter-spacing: 1px;
+    text-transform: uppercase;
 
     & + & {
         margin-top: $line-height * 1rem;
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index ab3d9e5..38b4b24 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -68,8 +68,8 @@ $gray7: hsl(220, 7%, 100%);
         --link: (
             --idle: var(--colors--fg-lo),
             --colored: (
-                --idle:    hsl(210, 90%, 72%), //hsl(var(--colors--accent--h), 100%, 66%), //
-                --visited: hsl(270, 60%, 75%), //hsl(var(--colors--accent--h), 50%, 66%), //
+                --idle:    hsl(var(--colors--accent--h), 100%, 66%), //hsl(210, 90%, 72%), //
+                --visited: hsl(var(--colors--accent--h), 50%, 66%), //hsl(270, 60%, 75%), //
             )
         ),
     )
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index 9d4c956..bc41849 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -16,10 +16,7 @@
 
     @include component(namespace()) {
         @include element('category-header') {
-            color:          prop(--colors --cat --fg);
-            font-size:      1 / 16 * 14em;
-            letter-spacing: 1px;
-            text-transform: uppercase;
+            color: prop(--colors --cat --fg);
 
             @include next-element('post') {
                 margin-top: $line-height * .5rem;
@@ -47,7 +44,6 @@
 
         @include element('post-title') {
             color:       prop(--colors --post --idle-fg);
-            font-size:   1 / 16 * 17em;
             font-weight: normal;
         }
 
diff --git a/assets/css/scopes/_headlines.scss b/assets/css/scopes/_headlines.scss
index 367e093..dcd8024 100644
--- a/assets/css/scopes/_headlines.scss
+++ b/assets/css/scopes/_headlines.scss
@@ -16,7 +16,9 @@
         h6 {
             font-family:           $font-fam--large;
             font-weight:           600;
+            letter-spacing:        normal;
             line-height:           1.4;
+            text-transform:        none;
             font-feature-settings: 'ss02' 1;
         }
 
@@ -37,16 +39,19 @@
 
         h3 {
             @include iro-responsive-modular-scale(font-size, 1, $responsive-mod-scale);
-
-            text-transform: uppercase;
         }
 
         h4,
         h5,
         h6 {
             @include iro-responsive-modular-scale(font-size, 0, $responsive-mod-scale);
+        }
 
-            letter-spacing: .5px;
+        h3,
+        h4,
+        h5,
+        h6 {
+            letter-spacing: 1px;
             text-transform: uppercase;
         }