Merge pull request #830 from pat270/clay-829

New: (Fixes #829) Dropdown add option to configure `$dropdown-subhead…
liferay · Apr 22, 2018 · 2977cf7 · 2977cf7
2 parents 4719b29 + 3264431
commit 2977cf7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/clay/src/scss/components/_dropdowns.scss b/packages/clay/src/scss/components/_dropdowns.scss
@@ -1,5 +1,6 @@
 .dropdown-header {
 	font-size: $dropdown-header-font-size;
+	text-transform: $dropdown-header-text-transform;
 	white-space: normal;
 	word-wrap: break-word;
 
@@ -22,7 +23,10 @@
 	color: $dropdown-subheader-color;
 	font-size: $dropdown-subheader-font-size;
 	font-weight: $dropdown-subheader-font-weight;
-	padding: $dropdown-header-padding-y $dropdown-header-padding-x;
+	padding-bottom: $dropdown-subheader-padding-y;
+	padding-left: $dropdown-subheader-padding-x;
+	padding-right: $dropdown-subheader-padding-x;
+	padding-top: $dropdown-subheader-padding-y;
 	text-transform: $dropdown-subheader-text-transform;
 	white-space: normal;
 	word-wrap: break-word;

diff --git a/packages/clay/src/scss/variables/_dropdowns.scss b/packages/clay/src/scss/variables/_dropdowns.scss
@@ -11,10 +11,13 @@ $dropdown-header-font-size: null !default;
 $dropdown-header-font-size-mobile: null !default;
 $dropdown-header-padding-x: $dropdown-item-padding-x !default;
 $dropdown-header-padding-y: $dropdown-padding-y !default;
+$dropdown-header-text-transform: null !default;
 
 $dropdown-subheader-color: $dropdown-header-color !default;
 $dropdown-subheader-font-size: 0.75rem !default; // 12px
 $dropdown-subheader-font-weight: $font-weight-semi-bold !default;
+$dropdown-subheader-padding-x: $dropdown-header-padding-x !default;
+$dropdown-subheader-padding-y: $dropdown-header-padding-y !default;
 $dropdown-subheader-text-transform: uppercase !default;
 
 $dropdown-caption-color: $dropdown-header-color !default;