diff options
Diffstat (limited to 'assets/stylesheets/bootstrap/_forms.scss')
-rw-r--r-- | assets/stylesheets/bootstrap/_forms.scss | 39 |
1 files changed, 10 insertions, 29 deletions
diff --git a/assets/stylesheets/bootstrap/_forms.scss b/assets/stylesheets/bootstrap/_forms.scss index fb3dc55..0ece186 100644 --- a/assets/stylesheets/bootstrap/_forms.scss +++ b/assets/stylesheets/bootstrap/_forms.scss @@ -1,4 +1,4 @@ -// scss-lint:disable QualifyingElement, VendorPrefix +// stylelint-disable selector-no-qualifying-type // // Textual form controls @@ -88,21 +88,24 @@ select.form-control { // For use with horizontal and inline forms, when you need the label text to // align with the form controls. .col-form-label { - padding-top: calc(#{$input-btn-padding-y} - #{$input-btn-border-width} * 2); - padding-bottom: calc(#{$input-btn-padding-y} - #{$input-btn-border-width} * 2); + padding-top: calc(#{$input-btn-padding-y} + #{$input-btn-border-width}); + padding-bottom: calc(#{$input-btn-padding-y} + #{$input-btn-border-width}); margin-bottom: 0; // Override the `<label>` default + line-height: $input-btn-line-height; } .col-form-label-lg { - padding-top: calc(#{$input-btn-padding-y-lg} - #{$input-btn-border-width} * 2); - padding-bottom: calc(#{$input-btn-padding-y-lg} - #{$input-btn-border-width} * 2); + padding-top: calc(#{$input-btn-padding-y-lg} + #{$input-btn-border-width}); + padding-bottom: calc(#{$input-btn-padding-y-lg} + #{$input-btn-border-width}); font-size: $font-size-lg; + line-height: $input-btn-line-height-lg; } .col-form-label-sm { - padding-top: calc(#{$input-btn-padding-y-sm} - #{$input-btn-border-width} * 2); - padding-bottom: calc(#{$input-btn-padding-y-sm} - #{$input-btn-border-width} * 2); + padding-top: calc(#{$input-btn-padding-y-sm} + #{$input-btn-border-width}); + padding-bottom: calc(#{$input-btn-padding-y-sm} + #{$input-btn-border-width}); font-size: $font-size-sm; + line-height: $input-btn-line-height-sm; } @@ -255,28 +258,6 @@ select.form-control-lg { // pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for // server side validation. -.invalid-feedback { - display: none; - margin-top: .25rem; - font-size: .875rem; - color: $form-feedback-invalid-color; -} - -.invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - width: 250px; - padding: .5rem; - margin-top: .1rem; - font-size: .875rem; - line-height: 1; - color: #fff; - background-color: rgba($form-feedback-invalid-color,.8); - border-radius: .2rem; -} - @include form-validation-state("valid", $form-feedback-valid-color); @include form-validation-state("invalid", $form-feedback-invalid-color); |