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 );
50 .oo-ui-unselectable();
53 border: 1px solid #a2a9b1;
58 * Ensures non-infused and infused widget have the same height.
59 * Equal to line height + top padding + bottom padding
63 > .oo-ui-labelElement-label {
67 > .oo-ui-indicatorElement-indicator {
72 &.oo-ui-indicatorElement .mw-widget-dateInputWidget-handle > .oo-ui-indicatorElement-indicator {
77 width: @indicator-size;
82 > .oo-ui-textInputWidget {
91 background-color: #fff;
94 box-shadow: 0 0.15em 0 0 rgba( 0, 0, 0, 0.15 );
98 box-shadow: inset 0 0 0 1px #36c, 0 0.15em 0 0 rgba( 0, 0, 0, 0.15 );
104 .mw-widget-dateInputWidget-handle {
110 &.oo-ui-flaggedElement-invalid {
111 .mw-widget-dateInputWidget-handle {
113 box-shadow: inset 0 0 0 0 #f00;
117 &.oo-ui-widget-enabled {
118 .mw-widget-dateInputWidget-handle:hover {
119 border-color: #72777d;
123 &.oo-ui-widget-disabled {
124 .mw-widget-dateInputWidget-handle {
125 background-color: #eaecf0;
127 border-color: #c8ccd1;
128 text-shadow: 0 1px 1px #fff;
131 > .oo-ui-indicatorElement-indicator {