line-height: 2.5;
}
-.mw-widget-calendarWidget-header .oo-ui-buttonWidget {
+// Overwrite OOUI's `.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child`
+.mw-widget-calendarWidget-header .oo-ui-buttonWidget.oo-ui-iconElement {
+ margin-left: 0;
margin-right: 0;
}
height: @calendarHeight;
.mw-widget-calendarWidget-body:first-child {
- margin-top: 0 !important;
- margin-left: 0 !important;
+ margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
.transition( margin-left 500ms );
}
}
height: @calendarHeight;
.mw-widget-calendarWidget-body:first-child {
- margin-left: -@calendarWidth !important; /* stylelint-disable-line value-keyword-case */
- margin-top: 0 !important;
+ margin-left: -@calendarWidth !important; /* stylelint-disable-line value-keyword-case, declaration-no-important */
+ margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
.transition( margin-left 500ms );
}
}
}
.mw-widget-calendarWidget-body:first-child {
- margin-left: 0 !important;
- margin-top: 0 !important;
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+ margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
.transition( margin-top 500ms );
}
}
}
.mw-widget-calendarWidget-body:first-child {
- margin-left: 0 !important;
- margin-top: -@calendarHeight !important; /* stylelint-disable-line value-keyword-case */
+ margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+ margin-top: -@calendarHeight !important; /* stylelint-disable-line value-keyword-case, declaration-no-important */
.transition( margin-top 500ms );
}
}
// 7x7 grid
width: @calendarWidth / 7;
line-height: @calendarHeight / 7;
+
// Don't overlap the hacked-up fake box-shadow border we get when focussed
&:nth-child( 7n ) {
width: @calendarWidth / 7 - 0.2em;
margin-right: 0.2em;
}
+
&:nth-child( 7n+1 ) {
width: @calendarWidth / 7 - 0.2em;
margin-left: 0.2em;
}
+
&:nth-child( 42 ) ~ & {
line-height: @calendarHeight / 7 - 0.2em;
margin-bottom: 0.2em;
// 2x6 grid
width: @calendarWidth / 2;
line-height: @calendarHeight / 6;
+
// Don't overlap the hacked-up fake box-shadow border we get when focussed
&:nth-child( 2n ) {
width: @calendarWidth / 2 - 0.2em;
margin-right: 0.2em;
}
+
&:nth-child( 2n+1 ) {
width: @calendarWidth / 2 - 0.2em;
margin-left: 0.2em;
}
+
&:nth-child( 10 ) ~ & {
line-height: @calendarHeight / 6 - 0.2em;
margin-bottom: 0.2em;
// 5x4 grid
width: @calendarWidth / 5;
line-height: @calendarHeight / 4;
+
// Don't overlap the hacked-up fake box-shadow border we get when focussed
&:nth-child( 5n ) {
width: @calendarWidth / 5 - 0.2em;
margin-right: 0.2em;
}
+
&:nth-child( 5n+1 ) {
width: @calendarWidth / 5 - 0.2em;
margin-left: 0.2em;
}
+
&:nth-child( 15 ) ~ & {
line-height: @calendarHeight / 4 - 0.2em;
margin-bottom: 0.2em;