summaryrefslogtreecommitdiffstats
path: root/assets
diff options
context:
space:
mode:
Diffstat (limited to 'assets')
-rw-r--r--assets/css/layouts/_card-list.scss (renamed from assets/css/components/_card-list.scss)19
-rw-r--r--assets/css/scopes/_small.scss16
-rw-r--r--assets/css/style.scss4
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 @@
1@include namespace('card-list') { 1@include namespace('card-list') {
2 @include store(( 2 @include store((
3 --colors: (
4 --title: prop(--colors --fg-lo, $global: true),
5 --text: prop(--colors --fg-hi, $global: true),
6 ),
7 --dims: ( 3 --dims: (
8 --col-width: 17em 4 --col-width: 17em
9 ) 5 )
10 )); 6 ));
11 7
12 @include component(namespace()) { 8 @include layout(namespace()) {
13 margin-top: $line-height * 2rem; 9 margin-top: $line-height * 2rem;
14 font-size: 1rem; 10 font-size: 1rem;
15 11
16 @include element('title') {
17 color: prop(--colors --title);
18 }
19
20 @include element('text') {
21 color: prop(--colors --text);
22 line-height: 1.4;
23
24 p {
25 margin-top: $line-height * .25rem;
26 }
27 }
28
29 @include element('cards') { 12 @include element('cards') {
30 margin-top: $line-height * .625rem; 13 margin-top: $line-height * .625rem;
31 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); 14 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 @@
1@include namespace('small') {
2 @include store((
3 --colors: (
4 --fg: prop(--colors --fg-hi, $global: true),
5 )
6 ));
7
8 @include scope(namespace()) {
9 color: prop(--colors --fg);
10 line-height: 1.4;
11
12 p {
13 margin-top: $line-height * .25rem;
14 }
15 }
16}
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 @@
16@import 'components/header'; 16@import 'components/header';
17@import 'components/footer'; 17@import 'components/footer';
18@import 'components/card'; 18@import 'components/card';
19@import 'components/card-list'; 19
20@import 'layouts/card-list';
20 21
21@import 'scopes/colored-links'; 22@import 'scopes/colored-links';
22@import 'scopes/invisible-links'; 23@import 'scopes/invisible-links';
23@import 'scopes/headlines'; 24@import 'scopes/headlines';
25@import 'scopes/small';
24@import 'scopes/body'; 26@import 'scopes/body';
25 27
26@import 'utils'; 28@import 'utils';