Fix overlapping box-shadows in card grid, load theme from localStorage

1 files changed, 5 insertions, 0 deletions

diff --git a/assets/css/layouts/_card-grid.scss b/assets/css/layouts/_card-grid.scss
index 7c8ad8c..235ef0b 100644
--- a/assets/css/layouts/_card-grid.scss
+++ b/assets/css/layouts/_card-grid.scss
@@ -9,6 +9,11 @@
         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)});
+
+        @include element('card') {
+            box-shadow: none;
+        }
 
         @include media('<=sm') {
             grid-template-columns: 1fr;