diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss index 1bf268b835b78186ab70bd0620940b470a3a36f1..f9912606d7953319f81f87064604390e6c92c4bd 100644 --- a/scss/_custom-forms.scss +++ b/scss/_custom-forms.scss @@ -139,7 +139,6 @@ color: $custom-select-color; vertical-align: middle; background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center; - background-clip: padding-box; background-size: $custom-select-bg-size; border: $custom-select-border-width solid $custom-select-border-color; @if $enable-rounded { @@ -216,13 +215,11 @@ z-index: 5; height: $custom-file-height; padding: $custom-file-padding-y $custom-file-padding-x; - overflow: hidden; line-height: $custom-file-line-height; color: $custom-file-color; pointer-events: none; user-select: none; background-color: $custom-file-bg; - background-clip: padding-box; border: $custom-file-border-width solid $custom-file-border-color; @include border-radius($custom-file-border-radius); @include box-shadow($custom-file-box-shadow); @@ -235,8 +232,9 @@ &::before { position: absolute; - top: 0; - right: 0; + top: -$custom-file-border-width; + right: -$custom-file-border-width; + bottom: -$custom-file-border-width; z-index: 6; display: block; height: $custom-file-height; @@ -244,7 +242,8 @@ line-height: $custom-file-line-height; color: $custom-file-button-color; background-color: $custom-file-button-bg; - border-left: $custom-file-border-width solid $custom-file-border-color; + border: $custom-file-border-width solid $custom-file-border-color; + @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0); } @each $lang, $text in map-get($custom-file-text, button-label) { diff --git a/scss/_input-group.scss b/scss/_input-group.scss index 48229e4e8eec19e2736d7b932fb4cb412ef58be2..8f88b73ec3a0e42b032596c938ffe49a3a66e6d9 100644 --- a/scss/_input-group.scss +++ b/scss/_input-group.scss @@ -72,7 +72,6 @@ color: $input-group-addon-color; text-align: center; background-color: $input-group-addon-bg; - background-clip: padding-box; border: $input-btn-border-width solid $input-group-addon-border-color; @include border-radius($input-border-radius); @@ -144,8 +143,6 @@ // element above the siblings. > .btn { position: relative; - background-clip: padding-box; - border: $input-btn-border-width solid $input-group-btn-border-color; + .btn { margin-left: (-$input-btn-border-width); diff --git a/scss/_variables.scss b/scss/_variables.scss index d95b703ccedc6eac067065484b70288c10d471e1..cbbbd320fb8757ada70d26f2b6efc96814873ef3 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -371,7 +371,6 @@ $form-group-margin-bottom: 1rem !default; $input-group-addon-color: $input-color !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; -$input-group-btn-border-color: $input-border-color !default; $custom-control-gutter: 1.5rem !default; $custom-control-spacer-y: .25rem !default;