diff options
author | Volpeon <git@volpeon.ink> | 2021-05-16 08:48:48 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-05-16 08:48:48 +0200 |
commit | 670cfcf0bbb5c1651e14a69a6500fd41e9e9efd8 (patch) | |
tree | e9de5261aac6998227503f8d5b14c91e0e6ec37b /assets/css/layouts | |
parent | Use prefers-color-scheme media query (diff) | |
download | volpeon.ink-670cfcf0bbb5c1651e14a69a6500fd41e9e9efd8.tar.gz volpeon.ink-670cfcf0bbb5c1651e14a69a6500fd41e9e9efd8.tar.bz2 volpeon.ink-670cfcf0bbb5c1651e14a69a6500fd41e9e9efd8.zip |
Design adjustments
Diffstat (limited to 'assets/css/layouts')
-rw-r--r-- | assets/css/layouts/_card-grid.scss | 2 | ||||
-rw-r--r-- | assets/css/layouts/_project-grid.scss | 5 |
2 files changed, 6 insertions, 1 deletions
diff --git a/assets/css/layouts/_card-grid.scss b/assets/css/layouts/_card-grid.scss index 235ef0b..c9d927a 100644 --- a/assets/css/layouts/_card-grid.scss +++ b/assets/css/layouts/_card-grid.scss | |||
@@ -9,7 +9,7 @@ | |||
9 | display: grid; | 9 | display: grid; |
10 | grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr)); | 10 | grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr)); |
11 | gap: .6rem; | 11 | gap: .6rem; |
12 | filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow-filter, $global: true)}); | 12 | filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); |
13 | 13 | ||
14 | @include element('card') { | 14 | @include element('card') { |
15 | box-shadow: none; | 15 | box-shadow: none; |
diff --git a/assets/css/layouts/_project-grid.scss b/assets/css/layouts/_project-grid.scss index 7c67663..5ed983c 100644 --- a/assets/css/layouts/_project-grid.scss +++ b/assets/css/layouts/_project-grid.scss | |||
@@ -9,6 +9,11 @@ | |||
9 | display: grid; | 9 | display: grid; |
10 | grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr)); | 10 | grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr)); |
11 | gap: 2rem; | 11 | gap: 2rem; |
12 | filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); | ||
13 | |||
14 | @include element('project') { | ||
15 | box-shadow: none; | ||
16 | } | ||
12 | 17 | ||
13 | @include media('<=sm') { | 18 | @include media('<=sm') { |
14 | grid-template-columns: 1fr; | 19 | grid-template-columns: 1fr; |