summaryrefslogtreecommitdiffstats
path: root/assets/css/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-12-16 18:29:18 +0100
committerVolpeon <git@volpeon.ink>2021-12-16 18:29:18 +0100
commit5f4cb1fd8b84e69092ac56a643b1618006f0442c (patch)
tree1d2388ad69091163da498334e2de5c94c4e74dc7 /assets/css/layouts
parentFix it for real (diff)
downloadvolpeon.ink-5f4cb1fd8b84e69092ac56a643b1618006f0442c.tar.gz
volpeon.ink-5f4cb1fd8b84e69092ac56a643b1618006f0442c.tar.bz2
volpeon.ink-5f4cb1fd8b84e69092ac56a643b1618006f0442c.zip
Add thumbnails to cards
Diffstat (limited to 'assets/css/layouts')
-rw-r--r--assets/css/layouts/_card-list.scss28
1 files changed, 14 insertions, 14 deletions
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss
index e6d1297..3bbcc44 100644
--- a/assets/css/layouts/_card-list.scss
+++ b/assets/css/layouts/_card-list.scss
@@ -10,19 +10,23 @@
10 font-size: 1rem; 10 font-size: 1rem;
11 11
12 @include element('cards') { 12 @include element('cards') {
13 margin-top: $line-height * .625rem; 13 display: flex;
14 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); 14 flex-direction: column;
15 gap: 2px;
16 margin-top: $line-height * .625rem;
17 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
15 18
16 @include modifier('grid') { 19 @include modifier('grid', 'gallery') {
17 display: grid; 20 display: grid;
18 grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr)); 21 grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
19 gap: 6px; 22 }
20 23
21 @include element('card') { 24 @include modifier('grid') {
22 @include next-twin-element { 25 gap: 6px;
23 margin-top: 0; 26 }
24 } 27
25 } 28 @include modifier('gallery') {
29 gap: 30px;
26 } 30 }
27 31
28 @media print { 32 @media print {
@@ -32,10 +36,6 @@
32 36
33 @include element('card') { 37 @include element('card') {
34 box-shadow: none; 38 box-shadow: none;
35
36 @include next-twin-element {
37 margin-top: 2px;
38 }
39 } 39 }
40 } 40 }
41} 41}