Restructured some variables

1 files changed, 6 insertions, 20 deletions

diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 1a7d1bd..6fdd874 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -9,13 +9,13 @@
             --bg: prop(--colors --bg-lo, $global: true),
             --fg: prop(--colors --fg, $global: true),
             --hover: (
-                --bg: prop(--colors --fg-lo, $global: true),
-                --fg: prop(--colors --bg-hi, $global: true),
+                --bg: prop(--colors --themes --invert --bg, $global: true),
+                --fg: prop(--colors --themes --invert --fg, $global: true),
             ),
             --link: (
-                --bg:       prop(--colors --obj-hi, $global: true),
-                --fg:       prop(--colors --fg-lo, $global: true),
-                --fg-faint: prop(--colors --fg, $global: true),
+                --bg:    prop(--colors --themes --link --bg-lo, $global: true),
+                --fg:    prop(--colors --themes --link --fg, $global: true),
+                --fg-hi: prop(--colors --themes --link --fg-hi, $global: true),
             )
         )
     ));
@@ -23,20 +23,6 @@
     @include store((
         --colors: (
             --bg: prop(--colors --bg-hi, $global: true),
-            --link: (
-                --bg:       hsl(
-                    prop(--colors --secondary-accent --h, $global: true),
-                    prop(--colors --secondary-accent --s, $global: true),
-                    98.8%,
-                ),
-                --fg:       prop(--colors --secondary-accent --color, $global: true),
-                --fg-faint: hsla(
-                    prop(--colors --secondary-accent --h, $global: true),
-                    prop(--colors --secondary-accent --s, $global: true),
-                    prop(--colors --secondary-accent --l, $global: true),
-                    .75
-                ),
-            )
         )
     ), 'light');
 
@@ -92,7 +78,7 @@
                 color:            prop(--colors --link --fg);
 
                 small {
-                    color: prop(--colors --link --fg-faint);
+                    color: prop(--colors --link --fg-hi);
                 }
             }
         }