summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_card-list.scss36
1 files changed, 8 insertions, 28 deletions
diff --git a/assets/css/components/_card-list.scss b/assets/css/components/_card-list.scss
index 605c442..aa6eef9 100644
--- a/assets/css/components/_card-list.scss
+++ b/assets/css/components/_card-list.scss
@@ -1,12 +1,8 @@
1@include namespace('card-list') { 1@include namespace('card-list') {
2 @include store(( 2 @include store((
3 --colors: ( 3 --colors: (
4 --cat: ( 4 --title: prop(--colors --fg-lo, $global: true),
5 --fg: prop(--colors --fg-lo, $global: true), 5 --text: prop(--colors --fg-hi, $global: true),
6 ),
7 --meta: (
8 --fg: prop(--colors --fg-hi, $global: true),
9 )
10 ), 6 ),
11 --dims: ( 7 --dims: (
12 --col-width: 17em 8 --col-width: 17em
@@ -17,36 +13,20 @@
17 margin-top: $line-height * 2rem; 13 margin-top: $line-height * 2rem;
18 font-size: 1rem; 14 font-size: 1rem;
19 15
20 @include element('category-header') { 16 @include element('title') {
21 margin-top: $line-height * 2rem; 17 color: prop(--colors --title);
22 color: prop(--colors --cat --fg);
23 } 18 }
24 19
25 @include element('category-title') { 20 @include element('text') {
26 display: inline-block; 21 color: prop(--colors --text);
27 margin-top: 0; 22 line-height: 1.4;
28 margin-right: 1em;
29
30 :link,
31 :visited {
32 text-decoration: none;
33
34 &:hover {
35 text-decoration: underline;
36 }
37 }
38 }
39
40 @include element('category-description') {
41 display: block;
42 font-size: px-to-em(15px);
43 23
44 p { 24 p {
45 margin-top: $line-height * .25rem; 25 margin-top: $line-height * .25rem;
46 } 26 }
47 } 27 }
48 28
49 @include element('category-content') { 29 @include element('cards') {
50 margin-top: $line-height * .625rem; 30 margin-top: $line-height * .625rem;
51 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); 31 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
52 32