Umstellung auf Thymeleaf: Schritt 3 RELOADED - Thymleaf mit LayoutDialect

[website] / src / main / webapp / less / tablet / layout.less

diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index 44ab7d5..a5959e5 100644 (file)
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -23,11 +23,11 @@ body
 .nomenu .content
 {
   padding: 0 0 5em 0;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding-bottom: 4em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding-bottom: 3.25em;
   }
@@ -44,11 +44,11 @@ body
   float: none;
   width: auto;
   padding: 0 3em 0 5em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding: 0 2em 0 3em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding: 0 1em 0 2.5em;
   }
@@ -81,12 +81,12 @@ body
 #header
 {
   padding: 1em 3em 2em 5em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     margin-left: -1.5em;
     padding: .5em 2em 2em 3em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     margin-left: -1.2em;
     padding: 1em 1em 2em 2.5em;
@@ -101,11 +101,11 @@ body
   position: static;
   border-right: .125em solid @hintergrund;
   margin-left: 20em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     margin-left: 18.5em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     margin-left: 17.5em;
     #menu > li.about
@@ -130,12 +130,12 @@ body
   width: auto;
   top: -9em;
   right: 3em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     top: -7.7em;
     right: 2em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     top: -6.5em;
     right: 1em;
@@ -147,22 +147,22 @@ body
 }
 #menu > li.m
 {
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding: 0 0 0 3em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding: 0 0 0 2em;
   }
 }
 #menu > li.m > .m
 {
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     font-size: 200%; /* 32px */
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     font-size: 150%; /* 24px */
   }
@@ -171,12 +171,12 @@ body
 #menu > li.m > a.m.selected:before,
 #menu > li.m > strong.m:before
 {
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     content: '> ';
     margin-left: -.95em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
   }
 }
@@ -196,11 +196,11 @@ body
 .nomenu #footer
 {
   padding: 0 3em 1.5em 5em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding: 0 2em 1em 3em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding: 0 1em .75em 2.5em;
   }
@@ -216,13 +216,13 @@ body
 {
   left: 11.9em;
   right: 3em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     font-size: 87.5%; /* 14px */
     top: 7.2em;
     left: 9.8em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     top: 5.8em;
     left: 7em;
@@ -239,12 +239,12 @@ body
   background-color: @heller;
   position: relative;
   top: -4.5em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     padding-left: 3em;
     padding-right: 2em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     padding-left: 2.5em;
     padding-right: 1em;
@@ -253,12 +253,12 @@ body
 .menu .content > .marginal > aside.m
 {
   margin: 0 -12em 1em 20em;
-  @media (max-width: @maxsmalltablet)
+  @media (max-width: (@maxsmalltablet))
   {
     margin-left: 18.5em;
     margin-right: -13em;
   }
-  @media (max-width: @maxsmallertablet)
+  @media (max-width: (@maxsmallertablet))
   {
     margin-left: 17.5em;
     margin-right: -14em;