vertical-align: middle;
// Normalize & style placeholder text, see T139034
- // Placeholder styles can't be grouped, otherwise they're ignored as invalid.
-
- // Placeholder mixin
- .mixin-placeholder() {
+ /* stylelint-disable indentation */
+ .mixin-placeholder( {
color: @colorGray7;
- font-style: italic;
- }
- // Firefox 4-18
- &:-moz-placeholder { // stylelint-disable-line selector-no-vendor-prefix
- .mixin-placeholder;
- opacity: 1;
- }
- // Firefox 19-
- &::-moz-placeholder { // stylelint-disable-line selector-no-vendor-prefix
- .mixin-placeholder;
opacity: 1;
- }
- // Internet Explorer 10-11
- &:-ms-input-placeholder { // stylelint-disable-line selector-no-vendor-prefix
- .mixin-placeholder;
- }
- // WebKit, Blink, Edge
- // Don't set `opacity < 1`, see https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/
- &::-webkit-input-placeholder { // stylelint-disable-line selector-no-vendor-prefix
- .mixin-placeholder;
- }
- // W3C Standard Selectors Level 4
- &:placeholder-shown {
- .mixin-placeholder;
- }
+ // TODO: Is italic necessary? T147808
+ font-style: italic;
+ } );
+ /* stylelint-enable indentation */
// Firefox: Remove red outline when `required` attribute set and invalid content.
// See https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid