diff options
author | Mark Otto <markd.otto@gmail.com> | 2020-12-28 09:27:03 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-12-28 09:27:03 +0300 |
commit | a48a29a7a5878d2a88acbca6ec4e189c1c068d4a (patch) | |
tree | 95dc8d3356fce914acbf9400195d3cb838fd3ca2 /scss | |
parent | bcf69163cdb8f49f7d4a224a052dc828feec6244 (diff) |
Tweak .form-select padding (#32419)
* Tweak .form-select padding
* Simplify the padding entirely
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'scss')
-rw-r--r-- | scss/_variables.scss | 6 | ||||
-rw-r--r-- | scss/forms/_form-select.scss | 2 |
2 files changed, 4 insertions, 4 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss index 62fbc0d4d6..3fc03a08e5 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -744,7 +744,7 @@ $form-select-padding-y: $input-padding-y !default; $form-select-padding-x: $input-padding-x !default; $form-select-font-family: $input-font-family !default; $form-select-font-size: $input-font-size !default; -$form-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator +$form-select-indicator-padding: $form-select-padding-x * 3 !default; // Extra padding for background-image $form-select-font-weight: $input-font-weight !default; $form-select-line-height: $input-line-height !default; $form-select-color: $input-color !default; @@ -757,8 +757,8 @@ $form-select-bg-size: 16px 12px !default; // In pixels because ima $form-select-indicator-color: $gray-800 !default; $form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>") !default; -$form-select-feedback-icon-padding-end: add(1em * .75, (2 * $form-select-padding-y * .75) + $form-select-padding-x + $form-select-indicator-padding) !default; -$form-select-feedback-icon-position: center right ($form-select-padding-x + $form-select-indicator-padding) !default; +$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default; +$form-select-feedback-icon-position: center right $form-select-indicator-padding !default; $form-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default; $form-select-border-width: $input-border-width !default; diff --git a/scss/forms/_form-select.scss b/scss/forms/_form-select.scss index a89fb94e20..15d5061ad6 100644 --- a/scss/forms/_form-select.scss +++ b/scss/forms/_form-select.scss @@ -6,7 +6,7 @@ .form-select { display: block; width: 100%; - padding: $form-select-padding-y ($form-select-padding-x + $form-select-indicator-padding) $form-select-padding-y $form-select-padding-x; + padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x; font-family: $form-select-font-family; @include font-size($form-select-font-size); font-weight: $form-select-font-weight; |