summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-11-21 08:08:14 +0100
committerVolpeon <git@volpeon.ink>2021-11-21 08:08:14 +0100
commit5ede915c4990584fa0ae7747b9a5ad9a4e93acdd (patch)
tree175f4f34b47a1a122ed69a1581f7b19b65d29428 /assets/css/components
parentFix list card post icon (diff)
downloadvolpeon.ink-5ede915c4990584fa0ae7747b9a5ad9a4e93acdd.tar.gz
volpeon.ink-5ede915c4990584fa0ae7747b9a5ad9a4e93acdd.tar.bz2
volpeon.ink-5ede915c4990584fa0ae7747b9a5ad9a4e93acdd.zip
Improved list structure again
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_card-list.scss58
1 files changed, 0 insertions, 58 deletions
diff --git a/assets/css/components/_card-list.scss b/assets/css/components/_card-list.scss
deleted file mode 100644
index aa6eef9..0000000
--- a/assets/css/components/_card-list.scss
+++ /dev/null
@@ -1,58 +0,0 @@
1@include namespace('card-list') {
2 @include store((
3 --colors: (
4 --title: prop(--colors --fg-lo, $global: true),
5 --text: prop(--colors --fg-hi, $global: true),
6 ),
7 --dims: (
8 --col-width: 17em
9 )
10 ));
11
12 @include component(namespace()) {
13 margin-top: $line-height * 2rem;
14 font-size: 1rem;
15
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') {
30 margin-top: $line-height * .625rem;
31 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
32
33 @include modifier('grid') {
34 display: grid;
35 grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
36 gap: 6px;
37
38 @include element('card') {
39 @include next-twin-element {
40 margin-top: 0;
41 }
42 }
43 }
44
45 @media print {
46 filter: none;
47 }
48 }
49
50 @include element('card') {
51 box-shadow: none;
52
53 @include next-twin-element {
54 margin-top: 2px;
55 }
56 }
57 }
58}