feat(clay-css): Input Group adds support for .c-inner to `.input-gr…

…oup-inset-item .btn` issue #2763
liferay · Feb 17, 2020 · 60fc69b · 60fc69b
1 parent f37f31d
commit 60fc69b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/packages/clay-css/src/scss/components/_input-groups.scss b/packages/clay-css/src/scss/components/_input-groups.scss
@@ -243,6 +243,19 @@
 
 	.btn {
 		@include clay-button-size($input-group-inset-item-btn);
+
+		@if ($enable-c-inner) {
+			.c-inner {
+				align-items: center;
+				display: flex;
+				height: 100%;
+				justify-content: center;
+
+				.lexicon-icon {
+					margin-top: 0;
+				}
+			}
+		}
 	}
 
 	.form-file {

diff --git a/packages/clay-css/src/scss/variables/_forms.scss b/packages/clay-css/src/scss/variables/_forms.scss
@@ -319,6 +319,7 @@ $input-group-inset-item-padding-right: 5px !default;
 
 $input-group-inset-item-btn: () !default;
 $input-group-inset-item-btn: map-deep-merge((
+	display: block,
 	height: 75%,
 	line-height: 1,
 	margin-left: 0.125rem,