mediawiki-skins-MinervaNeue/skinStyles/mobile.notifications.overlay/minerva.less
jdlrobson 7280d255c0 Dev: Prep for storybook
* Remove ambiguity in imports - say the file extension
'less' for all instances of variables and mixins.
* Separate toast styles from drawer styles so they can be
imported separately
* associate header-action selector with its parent
(.overlay-header) not parent's parent (.overlay) so it can be imported
and rendered without the Overlay.

Change-Id: Ib7e19a440ba095d6424d35305fb41d643ca9764c
2019-08-21 12:20:26 -07:00

24 lines
444 B
Plaintext

@import '../../minerva.less/minerva.variables.less';
.notifications-overlay .overlay-content {
top: @headerHeight;
bottom: @headerHeight;
.mw-echo-ui-notificationsWidget {
top: @headerHeight;
}
.mw-echo-ui-notificationItemWidget {
border-left: 0;
border-right: 0;
}
}
@media all and ( min-width: @width-breakpoint-tablet ) {
.notifications-overlay {
.mw-echo-notification {
padding: 1.75em @contentPaddingTablet;
}
}
}