From a6e43002427c91ffae4456092aec600584a4baf5 Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Thu, 7 Dec 2017 18:34:49 +0100
Subject: [PATCH] Fixed issues in print version

---
 .../style/bootstrap/mixin/mediaQuery.scss      | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss b/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss
index 61f3303996..8c69368dcc 100644
--- a/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss
+++ b/wcfsetup/install/files/style/bootstrap/mixin/mediaQuery.scss
@@ -1,62 +1,62 @@
 /* smartphone */
 @mixin screen-xs() {
-	@media (max-width: 544px) {
+	@media screen and (max-width: 544px) {
 		@content;
 	}
 }
 
 /* tablet (portrait) */
 @mixin screen-sm() {
-	@media (min-width: 545px) and (max-width: 768px) {
+	@media screen and (min-width: 545px) and (max-width: 768px) {
 		@content;
 	}
 }
 
 /* smartphone + tablet (portrait) */
 @mixin screen-sm-down() {
-	@media (max-width: 768px) {
+	@media screen and (max-width: 768px) {
 		@content;
 	}
 }
 
 /* tablet (portrait) + tablet (landscape) + desktop */
 @mixin screen-sm-up() {
-	@media (min-width: 545px) {
+	@media screen and (min-width: 545px), print {
 		@content;
 	}
 }
 
 /* tablet (portrait) + tablet (landscape) */
 @mixin screen-sm-md() {
-	@media (min-width: 545px) and (max-width: 1024px) {
+	@media screen and (min-width: 545px) and (max-width: 1024px) {
 		@content;
 	}
 }
 
 /* tablet (landscape) */
 @mixin screen-md() {
-	@media (min-width: 769px) and (max-width: 1024px) {
+	@media screen and (min-width: 769px) and (max-width: 1024px) {
 		@content;
 	}
 }
 
 /* smartphone + tablet (portrait) + tablet (landscape) */
 @mixin screen-md-down() {
-	@media (max-width: 1024px) {
+	@media screen and (max-width: 1024px) {
 		@content;
 	}
 }
 
 /* tablet (landscape) + desktop */
 @mixin screen-md-up() {
-	@media (min-width: 769px) {
+	@media screen and (min-width: 769px), print {
 		@content;
 	}
 }
 
 /* desktop */
 @mixin screen-lg() {
-	@media (min-width: 1025px) {
+	@media screen and (min-width: 1025px), print {
 		@content;
 	}
 }
-- 
2.20.1