fix: add-border-to-inner-cards-and-panels

Kajabi · Oct 16, 2024 · 0467667 · 0467667
1 parent 3098391
commit 0467667
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 0 deletions.
diff --git a/packages/sage-assets/lib/stylesheets/components/_card.scss b/packages/sage-assets/lib/stylesheets/components/_card.scss
@@ -19,6 +19,7 @@ $-sage-card-background: transparent;
   .sage-card,
   .sage-panel & {
     box-shadow: none;
+    border: sage-border();
   }
 }
 

diff --git a/packages/sage-assets/lib/stylesheets/components/_choice.scss b/packages/sage-assets/lib/stylesheets/components/_choice.scss
@@ -98,6 +98,7 @@ $-choice-radio-color-checked-inner: map-get($sage-radio-colors, checked-inner);
   .sage-card & ,
   .sage-panel & {
     box-shadow: none;
+    border: sage-border();
   }
 
   .sage-tabs--layout-default &:not(:last-child) {

diff --git a/packages/sage-assets/lib/stylesheets/components/_panel.scss b/packages/sage-assets/lib/stylesheets/components/_panel.scss
@@ -11,6 +11,7 @@
   .sage-card &,
   .sage-panel {
     box-shadow: none;
+    border: sage-border();
   }
 }
 

diff --git a/packages/sage-assets/lib/stylesheets/components/_stat_box.scss b/packages/sage-assets/lib/stylesheets/components/_stat_box.scss
@@ -17,6 +17,7 @@ $-stat-box-image-max-width: rem(48px);
   .sage-card &,
   .sage-panel & {
     box-shadow: none;
+    border: sage-border();
   }
 
   &.sage-stat-box--raised {

diff --git a/packages/sage-assets/lib/stylesheets/components/_switch.scss b/packages/sage-assets/lib/stylesheets/components/_switch.scss
@@ -48,6 +48,7 @@ $-switch-toggle-size: rem(16px);
     .sage-card &,
     .sage-panel & {
       box-shadow: none;
+      border: sage-border();
     }
   }
 

diff --git a/packages/sage-assets/lib/stylesheets/components/_transaction_card.scss b/packages/sage-assets/lib/stylesheets/components/_transaction_card.scss
@@ -14,6 +14,7 @@ $-transaction-card-price-max-width: rem(100px);
   .sage-card &,
   .sage-panel & {
     box-shadow: none;
+    border: sage-border();
   }
 
   position: relative;