From dbe0ad49ab82df038c8f88e0dae1da500e71b5f5 Mon Sep 17 00:00:00 2001 From: Dominik Crha Date: Tue, 7 Sep 2021 22:35:35 +0200 Subject: [PATCH] Add `border-radius` sizes to small and large `.form-select`s (#34853) Fixes #34852 Co-authored-by: Dominik Crha Co-authored-by: XhmikosR Co-authored-by: Mark Otto --- scss/_variables.scss | 4 +++- scss/forms/_form-select.scss | 2 ++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index 9262ca49576b..3994f189751f 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -972,7 +972,7 @@ $form-select-feedback-icon-size: $input-height-inner-half $input-height-i $form-select-border-width: $input-border-width !default; $form-select-border-color: $input-border-color !default; -$form-select-border-radius: $border-radius !default; +$form-select-border-radius: $input-border-radius !default; $form-select-box-shadow: $box-shadow-inset !default; $form-select-focus-border-color: $input-focus-border-color !default; @@ -982,10 +982,12 @@ $form-select-focus-box-shadow: 0 0 0 $form-select-focus-width $input-btn-focu $form-select-padding-y-sm: $input-padding-y-sm !default; $form-select-padding-x-sm: $input-padding-x-sm !default; $form-select-font-size-sm: $input-font-size-sm !default; +$form-select-border-radius-sm: $input-border-radius-sm !default; $form-select-padding-y-lg: $input-padding-y-lg !default; $form-select-padding-x-lg: $input-padding-x-lg !default; $form-select-font-size-lg: $input-font-size-lg !default; +$form-select-border-radius-lg: $input-border-radius-lg !default; $form-select-transition: $input-transition !default; // scss-docs-end form-select-variables diff --git a/scss/forms/_form-select.scss b/scss/forms/_form-select.scss index 4506a979ad8c..153ff6cd5c1e 100644 --- a/scss/forms/_form-select.scss +++ b/scss/forms/_form-select.scss @@ -60,6 +60,7 @@ padding-bottom: $form-select-padding-y-sm; padding-left: $form-select-padding-x-sm; @include font-size($form-select-font-size-sm); + @include border-radius($form-select-border-radius-sm); } .form-select-lg { @@ -67,4 +68,5 @@ padding-bottom: $form-select-padding-y-lg; padding-left: $form-select-padding-x-lg; @include font-size($form-select-font-size-lg); + @include border-radius($form-select-border-radius-lg); }