Improved list structure

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 @@
 @include namespace('card-list') {
     @include store((
         --colors: (
-            --cat: (
-                --fg: prop(--colors --fg-lo, $global: true),
-            ),
-            --meta: (
-                --fg: prop(--colors --fg-hi, $global: true),
-            )
+            --title: prop(--colors --fg-lo, $global: true),
+            --text:  prop(--colors --fg-hi, $global: true),
         ),
         --dims: (
             --col-width: 17em
@@ -17,36 +13,20 @@
         margin-top: $line-height * 2rem;
         font-size:  1rem;
 
-        @include element('category-header') {
-            margin-top: $line-height * 2rem;
-            color:      prop(--colors --cat --fg);
+        @include element('title') {
+            color: prop(--colors --title);
         }
 
-        @include element('category-title') {
-            display:      inline-block;
-            margin-top:   0;
-            margin-right: 1em;
-
-            :link,
-            :visited {
-                text-decoration: none;
-
-                &:hover {
-                    text-decoration: underline;
-                }
-            }
-        }
-
-        @include element('category-description') {
-            display:   block;
-            font-size: px-to-em(15px);
+        @include element('text') {
+            color:       prop(--colors --text);
+            line-height: 1.4;
 
             p {
                 margin-top: $line-height * .25rem;
             }
         }
 
-        @include element('category-content') {
+        @include element('cards') {
             margin-top: $line-height * .625rem;
             filter:     drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});