diff options
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/_basics.scss | 4 | ||||
-rw-r--r-- | assets/css/components/_card-list.scss (renamed from assets/css/components/_post-list.scss) | 30 | ||||
-rw-r--r-- | assets/css/style.scss | 2 |
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 | ||
38 | main { | 38 | main { |
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 | ||
42 | pre, | 44 | pre, |
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'; |