summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_card-list.scss (renamed from assets/css/components/_post-list.scss)30
1 files changed, 14 insertions, 16 deletions
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_card-list.scss
index 9b124a6..2a2ae69 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_card-list.scss
@@ -1,4 +1,4 @@
1@include namespace('post-list') { 1@include namespace('card-list') {
2 @include store(( 2 @include store((
3 --colors: ( 3 --colors: (
4 --cat: ( 4 --cat: (
@@ -34,28 +34,26 @@
34 @include element('category-content') { 34 @include element('category-content') {
35 margin-top: $line-height * .5rem; 35 margin-top: $line-height * .5rem;
36 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); 36 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
37
38 @include modifier('grid') {
39 display: grid;
40 grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
41 gap: 6px;
42
43 @include element('card') {
44 @include next-twin-element {
45 margin-top: 0;
46 }
47 }
48 }
37 } 49 }
38 50
39 @include element('post') { 51 @include element('card') {
40 box-shadow: none; 52 box-shadow: none;
41 53
42 @include next-twin-element { 54 @include next-twin-element {
43 margin-top: 2px; 55 margin-top: 2px;
44 } 56 }
45 } 57 }
46
47 @include modifier('grid') {
48 @include element('category-content') {
49 display: grid;
50 grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
51 gap: $line-height * .5rem;
52 }
53
54 @include element('post') {
55 @include next-twin-element {
56 margin-top: 0;
57 }
58 }
59 }
60 } 58 }
61} 59}