summaryrefslogtreecommitdiffstats
path: root/assets/css/components/_post-list.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-11-11 09:14:38 +0100
committerVolpeon <git@volpeon.ink>2021-11-11 09:14:38 +0100
commit19d3eb0bdfe505715d3b9f62a3cf8d340291a144 (patch)
treec5fc53d5d7f211e774e43e3ec217bd0335b56ed4 /assets/css/components/_post-list.scss
parentMake footer sticky again, fix blobfox and bunhd URLs (diff)
downloadvolpeon.ink-19d3eb0bdfe505715d3b9f62a3cf8d340291a144.tar.gz
volpeon.ink-19d3eb0bdfe505715d3b9f62a3cf8d340291a144.tar.bz2
volpeon.ink-19d3eb0bdfe505715d3b9f62a3cf8d340291a144.zip
Show profiles on home page again; general updates
Diffstat (limited to 'assets/css/components/_post-list.scss')
-rw-r--r--assets/css/components/_post-list.scss61
1 files changed, 0 insertions, 61 deletions
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
deleted file mode 100644
index 9b124a6..0000000
--- a/assets/css/components/_post-list.scss
+++ /dev/null
@@ -1,61 +0,0 @@
1@include namespace('post-list') {
2 @include store((
3 --colors: (
4 --cat: (
5 --fg: prop(--colors --fg-lo, $global: true),
6 ),
7 --meta: (
8 --fg: prop(--colors --fg-hi, $global: true),
9 )
10 ),
11 --dims: (
12 --col-width: 17em
13 )
14 ));
15
16 @include component(namespace()) {
17 margin-top: $line-height * 2rem;
18 font-size: 1rem;
19
20 @include element('category-header') {
21 margin-top: $line-height * 2rem;
22 color: prop(--colors --cat --fg);
23
24 :link,
25 :visited {
26 text-decoration: none;
27
28 &:hover {
29 text-decoration: underline;
30 }
31 }
32 }
33
34 @include element('category-content') {
35 margin-top: $line-height * .5rem;
36 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
37 }
38
39 @include element('post') {
40 box-shadow: none;
41
42 @include next-twin-element {
43 margin-top: 2px;
44 }
45 }
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 }
61}