Add borderless/shadow to card list

1 files changed, 21 insertions, 0 deletions

diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index 69ca588..cca6e72 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -51,6 +51,27 @@
                     border-start-end-radius:   0;
                 }
             }
+
+            @include bem.modifier('borderless') {
+                border-color: props.get(vars.$card-bg-color);
+
+                @include bem.elem('card') {
+                    &:not(:last-child) {
+                        &::after {
+                            inset-inline: calc(-1 * props.get(vars.$merge-padding) - 2 * props.get(vars.$border-width));
+                        }
+                    }
+                }
+            }
+
+            @include bem.modifier('shadow') {
+                box-shadow:
+                    props.get(vars.$shadow-x)
+                    props.get(vars.$shadow-y)
+                    props.get(vars.$shadow-blur)
+                    props.get(vars.$shadow-grow)
+                    props.get(vars.$shadow-color);
+            }
         }
 
         @include bem.modifier('quiet') {