diff options
Diffstat (limited to 'assets')
| -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'; |
