feat(clay-css): Utilities .c-inner should inherit sizing styles fro…

…m parent feat(clay-css): Utilities adds Sass map `$c-inner` which uses mixin `clay-css` issue #2763
liferay · Feb 17, 2020 · 7dd8f58 · 7dd8f58
1 parent 81ea040
commit 7dd8f58
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/packages/clay-css/src/scss/components/_utilities.scss b/packages/clay-css/src/scss/components/_utilities.scss
@@ -233,7 +233,7 @@
 
 @if ($enable-c-inner) {
 	.c-inner {
-		outline: 0;
+		@include clay-css($c-inner);
 	}
 }
 

diff --git a/packages/clay-css/src/scss/variables/_utilities.scss b/packages/clay-css/src/scss/variables/_utilities.scss
@@ -31,6 +31,28 @@ $close: map-deep-merge((
 	lexicon-icon-margin-top: 0
 ), $close);
 
+// C Inner
+
+$c-inner: () !default;
+$c-inner: map-deep-merge((
+	align-items: inherit,
+	display: inherit,
+	flex-direction: inherit,
+	height: inherit,
+	justify-content: inherit,
+	line-height: inherit,
+	max-width: inherit,
+	min-width: inherit,
+	outline: 0,
+	overflow: inherit,
+	padding-bottom: inherit,
+	padding-left: inherit,
+	padding-right: inherit,
+	padding-top: inherit,
+	text-overflow: inherit,
+	width: inherit,
+), $c-inner);
+
 // Heading
 
 $heading-spacer-x: 1rem !default; // 16px