2 * MediaWiki Widgets – JS DateInputWidget styles.
4 * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt
5 * @license The MIT License (MIT); see LICENSE.txt
8 .oo-ui-unselectable() {
9 -webkit-touch-callout: none;
10 -webkit-user-select: none;
11 -moz-user-select: none;
12 -ms-user-select: none;
16 @size-indicator: unit( 12 / 16 / 0.8, em );
18 .mw-widget-dateInputWidget {
20 .oo-ui-unselectable();
22 > .oo-ui-indicatorElement-indicator {
27 &.oo-ui-indicatorElement .mw-widget-dateInputWidget-handle > .oo-ui-indicatorElement-indicator {
32 width: @size-indicator;
37 > .oo-ui-textInputWidget {
42 background-color: #fff;
46 box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );
50 box-shadow: inset 0 0 0 1px #36c, 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );
56 .mw-widget-dateInputWidget-handle {
62 &.oo-ui-flaggedElement-invalid {
63 .mw-widget-dateInputWidget-handle {
69 &.oo-ui-widget-enabled {
70 .mw-widget-dateInputWidget-handle:hover {
71 border-color: #72777d;
75 &.oo-ui-widget-disabled {
76 .mw-widget-dateInputWidget-handle {
77 background-color: #eaecf0;
79 border-color: #c8ccd1;
80 text-shadow: 0 1px 1px #fff;
83 > .oo-ui-indicatorElement-indicator {