padding: 0 1em;
margin: 0;
background-color: #fff;
- color: black;
+ color: #000;
border: solid 1px #ccc;
box-shadow: inset 0 0 0 0 @progressive;
border-radius: 0.1em;
&.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;
}
}