feat: print-optimized css

This commit is contained in:
NGPixel 2017-05-14 14:20:43 -04:00
parent 435c9131d6
commit 7ad5217390
2 changed files with 42 additions and 0 deletions

View File

@ -38,3 +38,5 @@ $primary: 'indigo';
@import 'layout/_loader'; @import 'layout/_loader';
@import 'pages/_welcome'; @import 'pages/_welcome';
@import 'base/print';

View File

@ -0,0 +1,40 @@
@media print {
#header-container,
#alerts,
.sidebar,
.footer {
display: none;
}
#root {
padding-top: 0;
padding-bottom: 0;
}
body, main, .hero {
background: #FFF;
border: none;
}
.mkcontent {
color: mc('grey', '900');
h1, h2, h3 {
background: #FFF;
}
.toc-anchor {
display: none;
}
pre {
background-color: #FFF;
border-left: none;
padding-left: 20px;
> code {
color: mc('grey', '800');
}
}
}
@import 'node_modules/highlight.js/styles/atom-one-light';
}