summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/_basics.scss4
-rw-r--r--assets/css/components/_card-list.scss (renamed from assets/css/components/_post-list.scss)30
-rw-r--r--assets/css/style.scss2
3 files changed, 18 insertions, 18 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 6da5e88..09b9585 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -36,7 +36,9 @@ body {
36} 36}
37 37
38main { 38main {
39 font-size: 1 / 16 * 19em; 39 @include iro-responsive-env(('sm', 'md')) {
40 font-size: iro-responsive-set((1rem, 1 / 16 * 19rem));
41 }
40} 42}
41 43
42pre, 44pre,
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}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 99d52c1..8068b87 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -16,7 +16,7 @@
16@import 'components/header'; 16@import 'components/header';
17@import 'components/footer'; 17@import 'components/footer';
18@import 'components/card'; 18@import 'components/card';
19@import 'components/post-list'; 19@import 'components/card-list';
20 20
21@import 'scopes/colored-links'; 21@import 'scopes/colored-links';
22@import 'scopes/headlines'; 22@import 'scopes/headlines';