0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-21 18:54:30 +01:00

Switch to actually-Safari-specific CSS hack when fixing vertical alignment of temporal input text in iOS Safari

See http://browserbu.gs/css-hacks/webkit-full-page-media/
Fixes #17308

[skip sauce]
[skip validator]
This commit is contained in:
Chris Rebert 2016-01-08 23:59:16 -08:00
parent 8adc9d771f
commit 350ce2f707
2 changed files with 19 additions and 16 deletions

View File

@ -396,6 +396,7 @@ linters:
SelectorFormat: SelectorFormat:
enabled: true enabled: true
convention: hyphenated_lowercase # or 'BEM', or 'snake_case', or 'camel_case', or a regex pattern convention: hyphenated_lowercase # or 'BEM', or 'snake_case', or 'camel_case', or a regex pattern
ignored_types: ["element"]
Shorthand: Shorthand:
enabled: true enabled: true

View File

@ -92,26 +92,28 @@
// //
// Note that as of 8.3, iOS doesn't support `week`. // Note that as of 8.3, iOS doesn't support `week`.
@media screen and (-webkit-min-device-pixel-ratio: 0) { // SCSS-Lint exemption until https://github.com/brigade/scss-lint/pull/672 gets merged
input[type="date"], // scss-lint:disable PseudoElement
input[type="time"], _::-webkit-full-page-media, // Hack to make this CSS be Safari-only; see http://browserbu.gs/css-hacks/webkit-full-page-media/
input[type="datetime-local"], input[type="date"],
input[type="month"] { input[type="time"],
&.form-control { input[type="datetime-local"],
line-height: $input-height; input[type="month"] {
} &.form-control {
line-height: $input-height;
}
&.input-sm, &.input-sm,
.input-group-sm &.form-control { .input-group-sm &.form-control {
line-height: $input-height-sm; line-height: $input-height-sm;
} }
&.input-lg, &.input-lg,
.input-group-lg &.form-control { .input-group-lg &.form-control {
line-height: $input-height-lg; line-height: $input-height-lg;
}
} }
} }
// scss-lint:enable PseudoElement
// Static form control text // Static form control text