Improved list structure again

3 files changed, 20 insertions, 19 deletions

diff --git a/assets/css/components/_card-list.scss b/assets/css/layouts/_card-list.scss
index aa6eef9..e6d1297 100644
--- a/assets/css/components/_card-list.scss
+++ b/assets/css/layouts/_card-list.scss
@@ -1,31 +1,14 @@
 @include namespace('card-list') {
     @include store((
-        --colors: (
-            --title: prop(--colors --fg-lo, $global: true),
-            --text:  prop(--colors --fg-hi, $global: true),
-        ),
         --dims: (
             --col-width: 17em
         )
     ));
 
-    @include component(namespace()) {
+    @include layout(namespace()) {
         margin-top: $line-height * 2rem;
         font-size:  1rem;
 
-        @include element('title') {
-            color: prop(--colors --title);
-        }
-
-        @include element('text') {
-            color:       prop(--colors --text);
-            line-height: 1.4;
-
-            p {
-                margin-top: $line-height * .25rem;
-            }
-        }
-
         @include element('cards') {
             margin-top: $line-height * .625rem;
             filter:     drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
diff --git a/assets/css/scopes/_small.scss b/assets/css/scopes/_small.scss
new file mode 100644
index 0000000..f7aa61c
--- /dev/null
+++ b/assets/css/scopes/_small.scss
@@ -0,0 +1,16 @@
+@include namespace('small') {
+    @include store((
+        --colors: (
+            --fg: prop(--colors --fg-hi, $global: true),
+        )
+    ));
+
+    @include scope(namespace()) {
+        color:       prop(--colors --fg);
+        line-height: 1.4;
+
+        p {
+            margin-top: $line-height * .25rem;
+        }
+    }
+}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 754b91e..9c57b28 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -16,11 +16,13 @@
 @import 'components/header';
 @import 'components/footer';
 @import 'components/card';
-@import 'components/card-list';
+
+@import 'layouts/card-list';
 
 @import 'scopes/colored-links';
 @import 'scopes/invisible-links';
 @import 'scopes/headlines';
+@import 'scopes/small';
 @import 'scopes/body';
 
 @import 'utils';