mediawiki-skins-MinervaNeue/skinStyles/mobile.startup/drawers.less
Volker E ecf404db7f Drop the abandoned, replaced 'KSS' styleguide
KSS is no longer in use anywhere. The only official style guide is
at https://design.wikimedia.org/style-guide.

Depends-On: I688a78e9a71a082c499af55bd01e8fd615130486
Change-Id: I21663c7b48465b0f23f1b40520e8cee9be71c4bc
2020-02-11 14:26:19 -08:00

39 lines
852 B
Plaintext

@import '../../minerva.less/minerva.variables.less';
@import '../../minerva.less/minerva.mixins.less';
.drawer {
background-color: @colorGray15;
// needed for Android 4.x
position: absolute;
// needed for MSIE 9 (Windows Phone 7)
width: 100%;
}
// Basic toast notification
//
// Toast must have visible class to be shown
//
// Markup:
// <div class="toast visible">
// Notification for user.
// </div>
.mw-notification,
.toast,
.drawer {
.box-sizing( border-box );
position: fixed;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 -1px 8px 0 @grayDrawerShadow;
word-wrap: break-word;
// needs to be higher than for overlays to show on top of overlays
z-index: @z-indexOverOverlay;
// don't use visibility: hidden in old browsers that don't support animations
display: none;
&.visible, &.mw-notification-visible {
display: block;
}
}