1 // TODO: Redefined here to avoid importing variables.less;
2 @width-breakpoint-desktop: 1000px;
4 @wm-expirywidget-text-width: 43.3em;
6 .mw-widget-ExpiryWidget.mw-widget-ExpiryWidget-hasDatePicker {
7 .oo-ui-buttonSelectWidget {
12 .oo-ui-textInputWidget.mw-widget-ExpiryWidget-relative {
13 display: inline-block;
14 max-width: @wm-expirywidget-text-width;
17 .mw-widget-selectWithInputWidget {
21 .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-dropdownInputWidget {
22 display: inline-block;
25 .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-textInputWidget {
26 display: inline-block;
30 .mw-widgets-datetime-dateTimeInputWidget {
33 max-width: @wm-expirywidget-text-width;
35 .mw-widgets-datetime-dateTimeInputWidget-handle {
40 @media ( max-width: ( @width-breakpoint-desktop - 1px ) ) {
41 .mw-widget-selectWithInputWidget {
45 .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-dropdownInputWidget,
46 .mw-widget-selectWithInputWidget.mw-widget-ExpiryWidget-relative .oo-ui-textInputWidget,
47 .mw-widgets-datetime-dateTimeInputWidget {