summaryrefslogtreecommitdiffstats
path: root/assets/css/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/layouts')
-rw-r--r--assets/css/layouts/_card-list.scss41
1 files changed, 41 insertions, 0 deletions
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss
new file mode 100644
index 0000000..e6d1297
--- /dev/null
+++ b/assets/css/layouts/_card-list.scss
@@ -0,0 +1,41 @@
1@include namespace('card-list') {
2 @include store((
3 --dims: (
4 --col-width: 17em
5 )
6 ));
7
8 @include layout(namespace()) {
9 margin-top: $line-height * 2rem;
10 font-size: 1rem;
11
12 @include element('cards') {
13 margin-top: $line-height * .625rem;
14 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
15
16 @include modifier('grid') {
17 display: grid;
18 grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
19 gap: 6px;
20
21 @include element('card') {
22 @include next-twin-element {
23 margin-top: 0;
24 }
25 }
26 }
27
28 @media print {
29 filter: none;
30 }
31 }
32
33 @include element('card') {
34 box-shadow: none;
35
36 @include next-twin-element {
37 margin-top: 2px;
38 }
39 }
40 }
41}