mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/print/styles.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

55 lines
936 B
Plaintext

@import '../../../minerva.less/minerva.variables.less';
@import '../../../minerva.less/minerva.mixins.less';
@media print {
.noprint,
.banner-container,
.header,
.pre-content,
.post-content {
display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
}
table,
figure,
img,
.lazy-image-placeholder {
page-break-inside: avoid;
}
img {
max-width: 100%;
// Disable lazy loading transition animation for print media (T220668) so they display.
&.image-lazy-loaded {
.animation( none ) !important;
}
}
}
@media print and ( max-device-width: @width-breakpoint-tablet ) {
// Chrome: override the default margins and reveal the footer
// Experimental technology (see https://developer.mozilla.org/en-US/docs/Web/CSS/@page/size)
@page {
margin: 50px 0;
}
html {
padding: 0 50px;
}
@import 'header.less';
@import 'article.less';
@import 'references.less';
@import 'footer.less';
}