2 * MediaWiki Widgets – 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-box-sizing( @type: border-box ) {
9 -webkit-box-sizing: @type;
10 -moz-box-sizing: @type;
14 .oo-ui-unselectable() {
15 -webkit-touch-callout: none;
16 -webkit-user-select: none;
17 -moz-user-select: none;
18 -ms-user-select: none;
22 .oo-ui-inline-spacing( @spacing, @cancelled-spacing: 0 ) {
23 margin-right: @spacing;
26 margin-right: @cancelled-spacing;
30 @indicator-size: unit( 12 / 16 / 0.8, em );
32 .mw-widget-dateInputWidget {
33 &.oo-ui-textInputWidget {
34 display: inline-block;
38 .oo-ui-inline-spacing( 0.5em );
39 margin-bottom: 0.25em;
44 &.oo-ui-textInputWidget input {
45 background-color: #fff;
46 display: inline-block;
48 .oo-ui-box-sizing( border-box );
52 border: 1px solid #a2a9b1;
57 * Ensures non-infused and infused widget have the same height.
58 * Equal to line height + top padding + bottom padding
64 .oo-ui-unselectable();
66 > .oo-ui-labelElement-label {
70 > .oo-ui-indicatorElement-indicator {
75 &.oo-ui-indicatorElement .mw-widget-dateInputWidget-handle > .oo-ui-indicatorElement-indicator {
80 width: @indicator-size;
85 > .oo-ui-textInputWidget {
94 background-color: #fff;
97 box-shadow: 0 0.15em 0 0 rgba( 0, 0, 0, 0.15 );
101 box-shadow: inset 0 0 0 1px #36c, 0 0.15em 0 0 rgba( 0, 0, 0, 0.15 );
107 .mw-widget-dateInputWidget-handle {
113 &.oo-ui-flaggedElement-invalid {
114 .mw-widget-dateInputWidget-handle {
116 box-shadow: inset 0 0 0 0 #f00;
120 &.oo-ui-widget-enabled {
121 .mw-widget-dateInputWidget-handle:hover {
122 border-color: #72777d;
126 &.oo-ui-widget-disabled {
127 .mw-widget-dateInputWidget-handle {
128 background-color: #eaecf0;
130 border-color: #c8ccd1;
131 text-shadow: 0 1px 1px #fff;
134 > .oo-ui-indicatorElement-indicator {