Close #2598 (#2630)

* Close #2598

- Add $card-radius variable
- Default to 0 (no braking change)
- Update variables/card.json

* Fix per @jgthms

- Could be a small breaking change
   since `overflow: hidden` is added to card

diff --git a/docs/_data/variables/components/card.json b/docs/_data/variables/components/card.json
index a075938732f6fb1b51ff0936d62dec6674f7e82a..b383793fca92fb467d61cd99bab374121439806b 100644 (file)
--- a/docs/_data/variables/components/card.json
+++ b/docs/_data/variables/components/card.json
@@ -19,6 +19,11 @@
       "value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
       "type": "size"
     },
+    "$card-radius": {
+      "name": "$card-radius",
+      "value": "0",
+      "type": "size"
+    },
     "$card-header-background-color": {
       "name": "$card-header-background-color",
       "value": "transparent",
@@ -98,4 +103,4 @@
     "$card-media-margin"
   ],
   "file_path": "components/card.sass"
-}
\ No newline at end of file
+}

diff --git a/sass/components/card.sass b/sass/components/card.sass
index db1e5d9b48bae25dfca9a758c22b2b7e32f25201..ea505879eb439d3180b11224468b132bbffb0044 100644 (file)
--- a/sass/components/card.sass
+++ b/sass/components/card.sass
@@ -1,6 +1,7 @@
 $card-color: $text !default
 $card-background-color: $scheme-main !default
 $card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
+$card-radius: 0 !default
 
 $card-header-background-color: transparent !default
 $card-header-color: $text-strong !default
@@ -23,6 +24,8 @@ $card-media-margin: $block-spacing !default
   color: $card-color
   max-width: 100%
   position: relative
+  border-radius: $card-radius
+  overflow: hidden
 
 .card-header
   background-color: $card-header-background-color