CSS-Datei für das Screen-Layout optimiert: unnötige Dopplungen vermieden

diff --git a/src/main/webapp/WEB-INF/wro.xml b/src/main/webapp/WEB-INF/wro.xml
index e4e5f54..6ed9a54 100644 (file)
--- a/src/main/webapp/WEB-INF/wro.xml
+++ b/src/main/webapp/WEB-INF/wro.xml
@@ -9,9 +9,6 @@
   <group name="screen">
     <css>/less/variables.less</css>
     <css>/less/screen.less</css>
   <group name="screen">
     <css>/less/variables.less</css>
     <css>/less/screen.less</css>

-    <css>/less/tablet.less</css>
-    <css>/less/phone.less</css>
-    <css>/less/tiny.less</css>

   </group>
 
   <!-- Diese werden nur für die explizite Auswahl eines Stylings benötigt -->
   </group>
 
   <!-- Diese werden nur für die explizite Auswahl eines Stylings benötigt -->

diff --git a/src/main/webapp/less/phone.less b/src/main/webapp/less/phone.less
deleted file mode 100644 (file)
index 9016b7c..0000000
--- a/src/main/webapp/less/phone.less
+++ /dev/null
@@ -1,12 +0,0 @@
-@media (max-width: @maxphone)
-{
-  @import 'screen/head.less';
-  @import 'screen/navigation-submenu.less';
-  @import 'screen/footer-sticky.less';
-  @import 'tablet/head.less';
-  @import 'phone/typo.less';
-  @import 'phone/layout.less';
-  @import 'phone/head.less';
-  @import 'phone/navigation.less';
-  @import 'phone/footer.less';
-}

diff --git a/src/main/webapp/less/screen.less b/src/main/webapp/less/screen.less
index 5e0c701..c2c8985 100644 (file)
--- a/src/main/webapp/less/screen.less
+++ b/src/main/webapp/less/screen.less
@@ -1,3 +1,7 @@
+@import 'screen/head.less';
+@import 'screen/navigation-submenu.less';
+@import 'screen/footer-sticky.less';
+

 @media (min-width: @minscreen)
 {
   @import 'screen/typo.less';
 @media (min-width: @minscreen)
 {
   @import 'screen/typo.less';


@@ -8,4 +12,30 @@
   @import 'screen/marginal.less';
   @import 'screen/footer.less';
   @import 'screen/footer-sticky.less';
   @import 'screen/marginal.less';
   @import 'screen/footer.less';
   @import 'screen/footer-sticky.less';

+  @media (max-width: @maxtablet)
+  {
+    @import 'tablet/typo.less';
+    @import 'tablet/layout.less';
+    @import 'tablet/navigation.less';
+    @import 'tablet/footer.less';
+  }
+}
+
+@media (max-width: @maxtablet)
+{
+  @import 'tablet/head.less';
+}
+
+@media (max-width: @maxphone)
+{
+  @import 'phone/typo.less';
+  @import 'phone/layout.less';
+  @import 'phone/head.less';
+  @import 'phone/navigation.less';
+  @import 'phone/footer.less';
+}
+
+@media (max-width: @maxtiny)
+{
+  @import 'tiny/layout.less';

 }
 }

diff --git a/src/main/webapp/less/tablet.less b/src/main/webapp/less/tablet.less
deleted file mode 100644 (file)
index c7e57dd..0000000
--- a/src/main/webapp/less/tablet.less
+++ /dev/null
@@ -1,8 +0,0 @@
-@media screen and (min-width: @minscreen) and (max-width: @maxtablet)
-{
-  @import 'tablet/typo.less';
-  @import 'tablet/layout.less';
-  @import 'tablet/head.less';
-  @import 'tablet/navigation.less';
-  @import 'tablet/footer.less';
-}

diff --git a/src/main/webapp/less/tiny.less b/src/main/webapp/less/tiny.less
deleted file mode 100644 (file)
index 13132b0..0000000
--- a/src/main/webapp/less/tiny.less
+++ /dev/null
@@ -1,4 +0,0 @@
-@media (max-width: @maxtiny)
-{
-  @import 'tiny/layout.less';
-}