summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_card.scss26
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 @@
9 --bg: prop(--colors --bg-lo, $global: true), 9 --bg: prop(--colors --bg-lo, $global: true),
10 --fg: prop(--colors --fg, $global: true), 10 --fg: prop(--colors --fg, $global: true),
11 --hover: ( 11 --hover: (
12 --bg: prop(--colors --fg-lo, $global: true), 12 --bg: prop(--colors --themes --invert --bg, $global: true),
13 --fg: prop(--colors --bg-hi, $global: true), 13 --fg: prop(--colors --themes --invert --fg, $global: true),
14 ), 14 ),
15 --link: ( 15 --link: (
16 --bg: prop(--colors --obj-hi, $global: true), 16 --bg: prop(--colors --themes --link --bg-lo, $global: true),
17 --fg: prop(--colors --fg-lo, $global: true), 17 --fg: prop(--colors --themes --link --fg, $global: true),
18 --fg-faint: prop(--colors --fg, $global: true), 18 --fg-hi: prop(--colors --themes --link --fg-hi, $global: true),
19 ) 19 )
20 ) 20 )
21 )); 21 ));
@@ -23,20 +23,6 @@
23 @include store(( 23 @include store((
24 --colors: ( 24 --colors: (
25 --bg: prop(--colors --bg-hi, $global: true), 25 --bg: prop(--colors --bg-hi, $global: true),
26 --link: (
27 --bg: hsl(
28 prop(--colors --secondary-accent --h, $global: true),
29 prop(--colors --secondary-accent --s, $global: true),
30 98.8%,
31 ),
32 --fg: prop(--colors --secondary-accent --color, $global: true),
33 --fg-faint: hsla(
34 prop(--colors --secondary-accent --h, $global: true),
35 prop(--colors --secondary-accent --s, $global: true),
36 prop(--colors --secondary-accent --l, $global: true),
37 .75
38 ),
39 )
40 ) 26 )
41 ), 'light'); 27 ), 'light');
42 28
@@ -92,7 +78,7 @@
92 color: prop(--colors --link --fg); 78 color: prop(--colors --link --fg);
93 79
94 small { 80 small {
95 color: prop(--colors --link --fg-faint); 81 color: prop(--colors --link --fg-hi);
96 } 82 }
97 } 83 }
98 } 84 }