From: Kai Moritz <kai@juplo.de>
Date: Tue, 27 Jun 2017 09:17:14 +0000 (+0200)
Subject: @import-Weiche für Legacy-Browser ausgebaut (stattdessen only-Keyword)
X-Git-Tag: frontend--juplo--home-kai~4
X-Git-Url: https://juplo.de/gitweb/?a=commitdiff_plain;h=d5ebe885ec8fd732bfb21496f95f27d6190d0512;p=website

@import-Weiche für Legacy-Browser ausgebaut (stattdessen only-Keyword)

Siehe: https://www.w3.org/TR/css3-mediaqueries/#media0
---

diff --git a/dist/thymeleaf/templates/layout.html b/dist/thymeleaf/templates/layout.html
index 654624d3..4d396214 100644
--- a/dist/thymeleaf/templates/layout.html
+++ b/dist/thymeleaf/templates/layout.html
@@ -9,13 +9,10 @@
     <title layout:title-pattern="$DECORATOR_TITLE - $CONTENT_TITLE" th:text="'juplo'">juplo - BASISTEMPLATE</title>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" th:rel="stylesheet" type="text/css" href="../../css/base.css" th:href="@{/css/base.min.css}"/>
-    <link rel="stylesheet" type="text/css" href="../../css/screen.css" media="screen" th:remove="all"/>
-    <link rel="stylesheet" type="text/css" href="../../css/print.css" media="print" th:remove="all"/>
-    <style type="text/css" th:inline="text">
-      @import '[[@{/css/screen.min.css}]]' screen;
-      @import '[[@{/css/print.min.css}]]' print;
-    </style>
+    <!-- Default / Responsive -->
+    <link rel="stylesheet" th:rel="stylesheet" media="all" type="text/css" href="../../css/base.css" th:href="@{/css/base.min.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" media="only screen" type="text/css" href="../../css/screen.css" th:href="@{/css/screen.min.css}"/>
+    <link rel="stylesheet" th:rel="stylesheet" media="print" type="text/css" href="../../css/print.css" th:href="@{/css/print.min.css}"/>
     <script src="../../js/prettify.js" th:src="@{/js/prettify.js}"></script>
     <!--[if lt IE 9]>
       <script src="../../js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>