Reduce blank pages when printing in Chrome

Close #29
This commit is contained in:
Michael Rose 2017-09-14 15:55:25 -04:00
parent 4e715da018
commit ac18104d0b
3 changed files with 244 additions and 187 deletions

View File

@ -5,6 +5,11 @@ All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](http://keepachangelog.com/) The format is based on [Keep a Changelog](http://keepachangelog.com/)
and this project adheres to [Semantic Versioning](http://semver.org/). and this project adheres to [Semantic Versioning](http://semver.org/).
## Unreleased
### Fixed
- `/_sass/_print.scss` to reduce blank pages when printing in Chrome. [#29](https://github.com/mmistakes/jekyll-theme-basically-basic/issues/29)
## [1.1.1] - 2017-09-06 ## [1.1.1] - 2017-09-06
### Changed ### Changed
- Change `gems` key in `_config.yml` to `plugins`. [#23](https://github.com/mmistakes/jekyll-theme-basically-basic/pull/23) - Change `gems` key in `_config.yml` to `plugins`. [#23](https://github.com/mmistakes/jekyll-theme-basically-basic/pull/23)

View File

@ -17,17 +17,20 @@
html { html {
margin: 0; margin: 0;
padding: 0; padding: 0;
height: auto;
min-height: auto !important;
font-size: 16px; font-size: 16px;
} }
body { body {
margin: 0 auto; margin: 0;
height: auto;
background: #fff !important; background: #fff !important;
color: #000 !important; color: #000 !important;
font-size: 1rem; font-size: 1rem;
line-height: 1.5;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
line-height: 1.5;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
@ -185,6 +188,26 @@
content: ' (' attr(title) ')'; content: ' (' attr(title) ')';
} }
.wrapper {
min-height: auto !important;
}
#main {
max-width: 100%;
}
.inner {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
}
.intro-actions .btn {
color: #fff;
background: #000;
}
.page-break, .page-break,
.page-break-before { .page-break-before {
page-break-before: always; page-break-before: always;
@ -216,11 +239,14 @@
Hide the following elements on print Hide the following elements on print
========================================================================== */ ========================================================================== */
.skip-links,
.sidebar-toggle-wrapper, .sidebar-toggle-wrapper,
.sidebar,
.title-area, .title-area,
.pager, .pager,
.site-footer, .site-footer,
.adsbygoogle { .adsbygoogle {
display: none !important; display: none !important;
height: 1px;
} }
} }

View File

@ -17,17 +17,20 @@
html { html {
margin: 0; margin: 0;
padding: 0; padding: 0;
height: auto;
min-height: auto !important;
font-size: 16px; font-size: 16px;
} }
body { body {
margin: 0 auto; margin: 0;
height: auto;
background: #fff !important; background: #fff !important;
color: #000 !important; color: #000 !important;
font-size: 1rem; font-size: 1rem;
line-height: 1.5;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
line-height: 1.5;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
@ -185,6 +188,26 @@
content: ' (' attr(title) ')'; content: ' (' attr(title) ')';
} }
.wrapper {
min-height: auto !important;
}
#main {
max-width: 100%;
}
.inner {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
}
.intro-actions .btn {
color: #fff;
background: #000;
}
.page-break, .page-break,
.page-break-before { .page-break-before {
page-break-before: always; page-break-before: always;
@ -216,11 +239,14 @@
Hide the following elements on print Hide the following elements on print
========================================================================== */ ========================================================================== */
.skip-links,
.sidebar-toggle-wrapper, .sidebar-toggle-wrapper,
.sidebar,
.title-area, .title-area,
.pager, .pager,
.site-footer, .site-footer,
.adsbygoogle { .adsbygoogle {
display: none !important; display: none !important;
height: 1px;
} }
} }