card spacing adjustment

VJAI · Feb 2, 2022 · 2d94234 · 2d94234
1 parent cc929d5
commit 2d94234
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/fibonacci.css b/fibonacci.css
@@ -924,10 +924,10 @@ cmp-progress .cmp__squares-container .cmp__square:not(:last-child) {
 .cmp__cards-list {
   display: flex;
   flex-wrap: wrap;
-  margin-bottom: var(--xl-size);
+  margin-bottom: var(--xxl-size);
 }
 .cmp__cards-list .cmp__card {
-  margin-bottom: var(--xl-size);
+  margin-bottom: var(--xxl-size);
 }
 
 .cmp__card {
@@ -2737,7 +2737,7 @@ menu menu {
     justify-content: space-between;
   }
   .cmp__cards-list .cmp__card {
-    width: calc(50% - var(--md-size));
+    width: calc(50% - var(--xxl-size) / 2);
   }
 }
 @keyframes color_change {

diff --git a/scss/_foundation.scss b/scss/_foundation.scss
@@ -1524,7 +1524,7 @@ $colors: (
     justify-content: space-between;
 
     .cmp__card {
-      width: calc(50% - #{fibVars.$md-size});
+      width: calc(50% - #{fibVars.$card-spacing} / 2);
     }
   }
 }

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -302,7 +302,7 @@ $card-title-color:                  $dim-gray !default;
 $card-footer-font-family:           $heading-font-family !default;
 $card-footer-font-size:             $sm-size !default;
 $card-footer-color:                 $gray !default;
-$card-spacing:                      $xl-size !default;
+$card-spacing:                      $xxl-size !default;
 
 // Project Card.
 $project-card-image-height:         240px !default;