diff options
| author | Robert <[email protected]> | 2018-07-29 23:04:35 +0200 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2018-07-29 14:04:35 -0700 |
| commit | 70ad98d34d105836b109e02574d36ed2a9d91d48 (patch) | |
| tree | ede46faf27bfc6c8e5e51a1b4a4b4a4632f22dd9 | |
| parent | 6233ea378d1b35e393aa71cf8c83b316f40effd7 (diff) | |
| download | bootstrap-70ad98d34d105836b109e02574d36ed2a9d91d48.tar.xz bootstrap-70ad98d34d105836b109e02574d36ed2a9d91d48.zip | |
Fix custom-select font size/padding (#26585)
fixes #26476
| -rw-r--r-- | scss/_custom-forms.scss | 10 | ||||
| -rw-r--r-- | scss/_variables.scss | 8 |
2 files changed, 12 insertions, 6 deletions
diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index d9b62fc37..a4dc33c0f 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -220,15 +220,17 @@ .custom-select-sm { height: $custom-select-height-sm; - padding-top: $custom-select-padding-y; - padding-bottom: $custom-select-padding-y; + padding-top: $custom-select-padding-y-sm; + padding-bottom: $custom-select-padding-y-sm; + padding-left: $custom-select-padding-x-sm; font-size: $custom-select-font-size-sm; } .custom-select-lg { height: $custom-select-height-lg; - padding-top: $custom-select-padding-y; - padding-bottom: $custom-select-padding-y; + padding-top: $custom-select-padding-y-lg; + padding-bottom: $custom-select-padding-y-lg; + padding-left: $custom-select-padding-x-lg; font-size: $custom-select-font-size-lg; } diff --git a/scss/_variables.scss b/scss/_variables.scss index b301abbf8..b2438ca77 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -526,10 +526,14 @@ $custom-select-focus-border-color: $input-focus-border-color !default; $custom-select-focus-width: $input-btn-focus-width !default; $custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width rgba($custom-select-focus-border-color, .5) !default; -$custom-select-font-size-sm: 75% !default; +$custom-select-padding-y-sm: $input-btn-padding-y-sm !default; +$custom-select-padding-x-sm: $input-btn-padding-x-sm !default; +$custom-select-font-size-sm: $font-size-sm !default; $custom-select-height-sm: $input-height-sm !default; -$custom-select-font-size-lg: 125% !default; +$custom-select-padding-y-lg: $input-btn-padding-y-lg !default; +$custom-select-padding-x-lg: $input-btn-padding-x-lg !default; +$custom-select-font-size-lg: $font-size-lg !default; $custom-select-height-lg: $input-height-lg !default; $custom-range-track-width: 100% !default; |