Merge pull request #1407 from pat270/clay-1406

Fixes #1406 - ClayCSS Mixin `clay-card-type-asset` map key `aspect-ra…
liferay · Dec 19, 2018 · c704bb8 · c704bb8
2 parents b5fc2ac + e790360
commit c704bb8
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/packages/clay-css/src/scss/mixins/_cards.scss b/packages/clay-css/src/scss/mixins/_cards.scss
@@ -3,7 +3,11 @@
 
 	$aspect-ratio-border-color: setter(map-get($map, aspect-ratio-border-color), $card-border-color);
 	$aspect-ratio-border-style: setter(map-get($map, aspect-ratio-border-style), solid);
-	$aspect-ratio-border-width: setter(map-get($map, aspect-ratio-border-bottom-width), 0 0 0.0625rem 0); // 0 0 1px 0
+
+	 // The Sass map key name `aspect-ratio-border-bottom-width is deprecated as of v2.5.1 use `aspect-ratio-border-width` instead
+	$aspect-ratio-border-bottom-width: setter(map-get($map, aspect-ratio-border-bottom-width), 0 0 0.0625rem 0); // 0 0 1px 0
+
+	$aspect-ratio-border-width: map-get($map, aspect-ratio-border-width);
 	$aspect-ratio-horizontal: setter(map-get($map, aspect-ratio-horizontal), 16);
 	$aspect-ratio-vertical: setter(map-get($map, aspect-ratio-vertical), 9);
 
@@ -31,6 +35,11 @@
 			border-style: $aspect-ratio-border-style;
 			border-width: $aspect-ratio-border-width;
 
+			@if not $aspect-ratio-border-width {
+				// `$aspect-ratio-border-bottom-width is deprecated as of v2.5.1 use `$aspect-ratio-border-width` instead
+				border-width: $aspect-ratio-border-bottom-width;
+			}
+
 			@include clay-aspect-ratio($aspect-ratio-horizontal, $aspect-ratio-vertical);
 
 			.custom-control label,