diff options
Diffstat (limited to 'assets/css/components/_card-list.scss')
| -rw-r--r-- | assets/css/components/_card-list.scss | 36 |
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 | ||
