summaryrefslogtreecommitdiffstats
path: root/assets/css/layouts
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-05-16 08:48:48 +0200
committerVolpeon <git@volpeon.ink>2021-05-16 08:48:48 +0200
commit670cfcf0bbb5c1651e14a69a6500fd41e9e9efd8 (patch)
treee9de5261aac6998227503f8d5b14c91e0e6ec37b /assets/css/layouts
parentUse prefers-color-scheme media query (diff)
downloadvolpeon.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.scss2
-rw-r--r--assets/css/layouts/_project-grid.scss5
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;