diff options
Diffstat (limited to 'bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss')
-rw-r--r-- | bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss | 59 |
1 files changed, 46 insertions, 13 deletions
diff --git a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss index cfd420c4..de4befdb 100644 --- a/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss +++ b/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/_forms.scss @@ -56,7 +56,6 @@ input[type="checkbox"] { line-height: normal; } -// Set the height of file controls to match text inputs input[type="file"] { display: block; } @@ -177,13 +176,17 @@ input[type="search"] { // text within the input to become vertically misaligned. As a workaround, we // set a pixel line-height that matches the given height of the input, but only // for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848 +// +// Note that as of 8.3, iOS doesn't support `datetime` or `week`. @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { - line-height: $input-height-base; + &.form-control { + line-height: $input-height-base; + } &.input-sm, .input-group-sm & { @@ -321,29 +324,53 @@ input[type="checkbox"] { @include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $input-border-radius-small); .form-group-sm { - - @include input-size('.form-control', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $input-border-radius-small); - - .form-control-static { + .form-control { height: $input-height-small; padding: $padding-small-vertical $padding-small-horizontal; font-size: $font-size-small; line-height: $line-height-small; + border-radius: $input-border-radius-small; + } + select.form-control { + height: $input-height-small; + line-height: $input-height-small; + } + textarea.form-control, + select[multiple].form-control { + height: auto; + } + .form-control-static { + height: $input-height-small; min-height: ($line-height-computed + $font-size-small); + padding: ($padding-small-vertical + 1) $padding-small-horizontal; + font-size: $font-size-small; + line-height: $line-height-small; } } @include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $input-border-radius-large); .form-group-lg { - - @include input-size('.form-control', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $input-border-radius-large); - - .form-control-static { + .form-control { height: $input-height-large; padding: $padding-large-vertical $padding-large-horizontal; font-size: $font-size-large; line-height: $line-height-large; + border-radius: $input-border-radius-large; + } + select.form-control { + height: $input-height-large; + line-height: $input-height-large; + } + textarea.form-control, + select[multiple].form-control { + height: auto; + } + .form-control-static { + height: $input-height-large; min-height: ($line-height-computed + $font-size-large); + padding: ($padding-large-vertical + 1) $padding-large-horizontal; + font-size: $font-size-large; + line-height: $line-height-large; } } @@ -374,12 +401,16 @@ input[type="checkbox"] { text-align: center; pointer-events: none; } -.input-lg + .form-control-feedback { +.input-lg + .form-control-feedback, +.input-group-lg + .form-control-feedback, +.form-group-lg .form-control + .form-control-feedback { width: $input-height-large; height: $input-height-large; line-height: $input-height-large; } -.input-sm + .form-control-feedback { +.input-sm + .form-control-feedback, +.input-group-sm + .form-control-feedback, +.form-group-sm .form-control + .form-control-feedback { width: $input-height-small; height: $input-height-small; line-height: $input-height-small; @@ -554,7 +585,7 @@ input[type="checkbox"] { // Reposition the icon because it's now within a grid column and columns have // `position: relative;` on them. Also accounts for the grid gutter padding. .has-feedback .form-control-feedback { - right: ($grid-gutter-width / 2); + right: floor(($grid-gutter-width / 2)); } // Form group sizes @@ -565,6 +596,7 @@ input[type="checkbox"] { @media (min-width: $screen-sm-min) { .control-label { padding-top: (($padding-large-vertical * $line-height-large) + 1); + font-size: $font-size-large; } } } @@ -572,6 +604,7 @@ input[type="checkbox"] { @media (min-width: $screen-sm-min) { .control-label { padding-top: ($padding-small-vertical + 1); + font-size: $font-size-small; } } } |