Better link colors

4 files changed, 20 insertions, 6 deletions

diff --git a/assets/css/_utils.scss b/assets/css/_utils.scss
index 31440c3..8287108 100644
--- a/assets/css/_utils.scss
+++ b/assets/css/_utils.scss
@@ -74,6 +74,6 @@
     display: block;
 }
 
-@include utility('flex-shrink-0') {
+@include utility('fs0') {
     flex-shrink: 0;
 }
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 96c1c75..2669a3b 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -75,8 +75,8 @@ $content--width:  42rem;
             --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(220, 100%, 75%), //hsl(var(--colors--accent--h), 100%, 66%), //
+                    --visited: hsl(290, 30%, 67%), //hsl(var(--colors--accent--h), 50%, 66%), //
                 )
             ),
 
@@ -126,8 +126,8 @@ $content--width:  42rem;
 
             --link: (
                 --colored: (
-                    --idle:    hsl(210, 70%, 45%), //hsl(var(--colors--accent--h), 100%, 66%), //
-                    --visited: hsl(270, 40%, 48%), //hsl(var(--colors--accent--h), 50%, 66%), //
+                    --idle:    hsl(220, 90%, 40%), //hsl(var(--colors--accent--h), 100%, 66%), //
+                    --visited: hsl(290, 40%, 40%), //hsl(var(--colors--accent--h), 50%, 66%), //
                 )
             ),
         ),
diff --git a/content/9thPK7O3xn/mis-design-test.md b/content/9thPK7O3xn/mis-design-test.md
index 687d215..a822388 100644
--- a/content/9thPK7O3xn/mis-design-test.md
+++ b/content/9thPK7O3xn/mis-design-test.md
@@ -304,3 +304,17 @@ Unlike a pre-formatted code block, a code span indicates code within a
 normal paragraph. For example:
 
 Use the `printf()` function.
+
+---
+
+# Headline 1
+
+## Headline 2
+
+### Headline 3
+
+#### Headline 4
+
+##### Headline 5
+
+###### Headline 6
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index 1101e27..898c011 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -18,7 +18,7 @@ $body$
                                 $it.title$
                             </div>
                             $if(it.category.show_date)$
-                                <time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-flex-shrink-0">
+                                <time datetime="$it.date.yyyy_mm_dd$" class="c-card__content u-fs0">
                                     <small class="u-dn@sm-hi">
                                         $it.date.short$
                                     </small>