Clientseitige LESS-Umsetzung integriert
[website] / dist / templates / layout.html
index e3cd865..caaca4a 100644 (file)
@@ -9,11 +9,9 @@
     <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" type="text/css" href="../css/base.min.css" th:href="@{/css/base.min.css}"/>
-    <style type="text/css" th:remove="all">
-      @import '../css/screen.min.css' screen;
-      @import '../css/print.min.css' print;
-    </style>
+    <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../less/base.less" th:href="@{/css/base.min.css}"/>
+    <link rel="stylesheet/less" type="text/css" href="../less/screen.less" media="screen" th:remove="all"/>
+    <link rel="stylesheet/less" type="text/css" href="../less/print.less" media="print" th:remove="all"/>
     <style type="text/css" th:inline="text">
       @import '[[@{/css/screen.min.css}]]' screen;
       @import '[[@{/css/print.min.css}]]' print;
@@ -23,8 +21,9 @@
       <script src="../js/html5shiv.js" th:src="@{/js/html5shiv.js}"></script>
     <![endif]-->
     <!--[if IE 8]>
-      <link rel="stylesheet" type="text/css" href="../css/ie8.min.css" th:href="@{/css/ie8.min.css}"/>
+      <link rel="stylesheet/less" th:rel="stylesheet" type="text/css" href="../less/ie8.less" th:href="@{/css/ie8.min.css}"/>
     <![endif]-->
+    <script src="../js/less-1.7.0.min.js" th:remove="all"></script>
   </head>
   <body
       th:with="crumbs=${crumbs.get(uri)}"
@@ -47,7 +46,7 @@
             <a class="b" href="../projects.html" th:href="@{${crumb.uri}}" th:text="${crumb.name}">Projects</a>
           </li>
           <!--/*-->
-          <li class="b"><strong class="b" th:text="${title}"">Fix SWF</strong></li>
+          <li class="b"><strong class="b" th:text="${title}">Fix SWF</strong></li>
           <!--*/-->
         </ol>
         <a class="hide" href="#nav" title="Show navigation menu">Jump to navigation</a>