From d5e1870eb547e11ff49f9956ea9c092105e4192c Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 16 Jun 2021 21:26:40 +0200
Subject: Make sure page is not shorter than viewport; put card theme variables
 into card component

---
 assets/css/_vars.scss | 71 ++++++---------------------------------------------
 1 file changed, 8 insertions(+), 63 deletions(-)

(limited to 'assets/css/_vars.scss')

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 3a1fb28..2377b43 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -73,33 +73,6 @@ $content--width:  42rem;
                 ),
             ),
 
-            --themes: (
-                --link: (
-                    --bg-hi:  $gray1,
-                    --bg:     $gray2,
-                    --bg-lo:  $gray3,
-                
-                    --obj-hi: $gray4,
-                    --obj:    $gray5,
-                
-                    --fg-hi:  $gray6,
-                    --fg:     $gray7,
-                    --fg-lo:  $gray7,
-                ),
-                --invert: (
-                    --bg-hi:  $gray7,
-                    --bg:     $gray7,
-                    --bg-lo:  $gray7,
-                
-                    --obj-hi: $gray2,
-                    --obj:    $gray2,
-                
-                    --fg-hi:  $gray1,
-                    --fg:     $gray0,
-                    --fg-lo:  $gray0,
-                )
-            ),
-
             --focus-ring: var(--colors--fg-lo),
 
             --select: (
@@ -111,7 +84,14 @@ $content--width:  42rem;
             --link: (
                 --idle: var(--colors--fg-lo),
                 --colored: (
-                    --idle:    hsl(220, 100%, 80%), //hsl(var(--colors--accent--h), 100%, 66%), //
+                    --idle-h:  220,
+                    --idle-s:  100%,
+                    --idle-l:  80%,
+                    --idle:    hsl(
+                        var(--colors--link--colored--idle-h),
+                        var(--colors--link--colored--idle-s),
+                        var(--colors--link--colored--idle-l),
+                    ), //hsl(var(--colors--accent--h), 100%, 66%), //
                     --visited: hsl(290, 35%, 72%), //hsl(var(--colors--accent--h), 50%, 66%), //
                 )
             ),
@@ -159,41 +139,6 @@ $content--width:  42rem;
                 ),
             ),
 
-            --themes: (
-                --link: (
-                    --bg-hi:  hsl(
-                        var(--colors--link--colored--idle-h),
-                        var(--colors--link--colored--idle-s),
-                        98.8%
-                    ),
-                    --bg:     var(--colors--themes--link--bg-hi),
-                    --bg-lo:  var(--colors--themes--link--bg-hi),
-                
-                    --obj-hi: hsl(
-                        var(--colors--link--colored--idle-h),
-                        calc(var(--colors--link--colored--idle-s) * .7),
-                        calc(var(--colors--link--colored--idle-l) * 1.3)
-                    ),
-                    --obj:    var(--colors--themes--link--obj-hi),
-                
-                    --fg-hi:  var(--colors--themes--link--obj-hi),
-                    --fg:     var(--colors--link--colored--idle),
-                    --fg-lo:  var(--colors--themes--link--fg),
-                ),
-                --invert: (
-                    --bg-hi:  $gray7,
-                    --bg:     $gray7,
-                    --bg-lo:  $gray7,
-                
-                    --obj-hi: $gray2,
-                    --obj:    $gray2,
-                
-                    --fg-hi:  $gray1,
-                    --fg:     $gray0,
-                    --fg-lo:  $gray0,
-                )
-            ),
-
             --select: (
                 --bg:     rgba($gray7, .996),
                 --img-bg: rgba($gray7, .5),
-- 
cgit v1.2.3-70-g09d2