From 670cfcf0bbb5c1651e14a69a6500fd41e9e9efd8 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sun, 16 May 2021 08:48:48 +0200
Subject: Design adjustments

---
 assets/css/_vars.scss                 |  6 ++----
 assets/css/components/_footer.scss    |  1 +
 assets/css/components/_post-list.scss | 10 ++++++----
 assets/css/layouts/_card-grid.scss    |  2 +-
 assets/css/layouts/_project-grid.scss |  5 +++++
 5 files changed, 15 insertions(+), 9 deletions(-)

(limited to 'assets/css')

diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index bbe02e5..63936ab 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -53,8 +53,7 @@ $content--width:  42rem;
             --fg:     $gray6, // Text
             --fg-lo:  $gray7, // Strong text
 
-            --obj-shadow:        transparent,
-            --obj-shadow-filter: transparent,
+            --obj-shadow: transparent,
 
             --accent: (
                 --h:     354,
@@ -105,8 +104,7 @@ $content--width:  42rem;
             --fg:     $gray6, // Text
             --fg-lo:  $gray7, // Strong text
 
-            --obj-shadow:        rgba(#000, .05),
-            --obj-shadow-filter: rgba(#000, .04),
+            --obj-shadow: rgba(#000, .05),
 
             --accent: (
                 --h:     354,
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index 2bd1fb1..da471e7 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -10,6 +10,7 @@
         position:    relative;
         min-height:  prop(--dims --outer, $global: true);
         margin-top:  calc(2 * #{prop(--container --dims --pad-y, $global: true)});
+        overflow:    hidden;
         color:       prop(--colors --fg);
         font-family: $font-fam--mono;
         line-height: 1.4;
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss
index 6ddc9b7..dc3eda6 100644
--- a/assets/css/components/_post-list.scss
+++ b/assets/css/components/_post-list.scss
@@ -17,14 +17,16 @@
     @include component(namespace()) {
         @include element('category-header') {
             color: prop(--colors --cat --fg);
+        }
 
-            @include next-element('post') {
-                margin-top: $line-height * .5rem;
-            }
+        @include element('category-content') {
+            margin-top: $line-height * .5rem;
+            filter:     drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
         }
 
         @include element('post') {
-            color: prop(--colors --post --idle-fg);
+            box-shadow: none;
+            color:      prop(--colors --post --idle-fg);
 
             &:visited {
                 color: prop(--colors --post --visited-fg);
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 @@
         display:               grid;
         grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
         gap:                   .6rem;
-        filter:                drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow-filter, $global: true)});
+        filter:                drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
 
         @include element('card') {
             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 @@
         display:               grid;
         grid-template-columns: repeat(auto-fill, minmax(#{prop(--dims --col-width)}, 1fr));
         gap:                   2rem;
+        filter:                drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
+
+        @include element('project') {
+            box-shadow: none;
+        }
 
         @include media('<=sm') {
             grid-template-columns: 1fr;
-- 
cgit v1.2.3-70-g09d2