Component-Dropdown: Add variable for dropdown header padding (#554)

cast-org · Feb 19, 2020 · e37cb6e · e37cb6e
1 parent 6aafc64
commit e37cb6e
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/scss/_settings.scss b/scss/_settings.scss
@@ -1066,6 +1066,7 @@ $dropdown-link-disabled-bg:     $component-disabled-bg !default;
 $dropdown-item-padding-x:       1.125rem !default;
 $dropdown-item-padding-y:       .125rem !default;
 
+$dropdown-header-padding:       $dropdown-item-padding-y $dropdown-item-padding-x !default;
 $dropdown-header-font-size:     ($font-size-base * .875) !default;
 $dropdown-header-font-weight:   $font-weight-bold !default;
 $dropdown-header-color:         $uibase-500 !default;

diff --git a/scss/component/_dropdown.scss b/scss/component/_dropdown.scss
@@ -156,7 +156,7 @@
     @if $enable-dropdown-header {
         .dropdown-header {
             display: block;
-            padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+            padding: $dropdown-header-padding;
             margin-bottom: 0;
             @include font-size($dropdown-header-font-size);
             font-weight: $dropdown-header-font-weight;

diff --git a/site/4.0/widgets/dropdown.md b/site/4.0/widgets/dropdown.md
@@ -1084,6 +1084,14 @@ The available [Customization options]({{ site.path }}/{{ version.docs }}/get-sta
                     Horizontal padding for dropdown menu links.
                 </td>
             </tr>
+            <tr>
+                <td><code>$dropdown-header-padding</code></td>
+                <td>string</td>
+                <td><code>$dropdown-item-padding-y $dropdown-item-padding-x</code></td>
+                <td>
+                    Padding for dropdown menu headers.
+                </td>
+            </tr>
             <tr>
                 <td><code>$dropdown-header-font-size</code></td>
                 <td>string</td>