-@import "mediawiki.widgets.datetime.definitions";
+/* stylelint-disable no-duplicate-selectors */
+@import 'mediawiki.widgets.datetime.definitions';
.mw-widgets-datetime-dateTimeInputWidget {
display: inline-block;
padding: 0 1em;
margin: 0;
background-color: #fff;
- color: black;
- border: solid 1px #ccc;
+ color: #000;
box-shadow: inset 0 0 0 0 @progressive;
border-radius: 0.1em;
.oo-ui-transition(box-shadow @quick-ease);
font-family: inherit;
background-color: transparent;
color: inherit;
- border: none;
+ border: 0;
box-shadow: none;
text-align: center;
vertical-align: middle;
&.oo-ui-flaggedElement-invalid {
.mw-widgets-datetime-dateTimeInputWidget-handle {
- border-color: red;
- box-shadow: inset 0 0 0 0 red;
+ border-color: #f00;
+ box-shadow: inset 0 0 0 0 #f00;
}
.mw-widgets-datetime-dateTimeInputWidget-handle:focus {
- border-color: red;
- box-shadow: inset 0 0 0 0.1em red;
+ border-color: #f00;
+ box-shadow: inset 0 0 0 0.1em #f00;
}
}
}
}
&-editField.mw-widgets-datetime-dateTimeInputWidget-invalid {
- border: 1px solid red;
- box-shadow: inset 0 0 0 0 red;
+ border: 1px solid #f00;
+ box-shadow: inset 0 0 0 0 #f00;
&:focus {
- border: 1px solid red;
- box-shadow: inset 0 0 0 0.1em red;
+ border: 1px solid #f00;
+ box-shadow: inset 0 0 0 0.1em #f00;
}
}