CSS-Datei für das Screen-Layout optimiert: unnötige Dopplungen vermieden
authorKai Moritz <kai@juplo.de>
Wed, 22 Jan 2014 17:12:14 +0000 (18:12 +0100)
committerKai Moritz <kai@juplo.de>
Tue, 19 Jan 2016 16:45:41 +0000 (17:45 +0100)
src/main/webapp/WEB-INF/wro.xml
src/main/webapp/less/phone.less [deleted file]
src/main/webapp/less/screen.less
src/main/webapp/less/tablet.less [deleted file]
src/main/webapp/less/tiny.less [deleted file]

index e4e5f54..6ed9a54 100644 (file)
@@ -9,9 +9,6 @@
   <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 -->
diff --git a/src/main/webapp/less/phone.less b/src/main/webapp/less/phone.less
deleted file mode 100644 (file)
index 9016b7c..0000000
+++ /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';
-}
index 5e0c701..c2c8985 100644 (file)
@@ -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';
@@ -8,4 +12,30 @@
   @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
+++ /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
+++ /dev/null
@@ -1,4 +0,0 @@
-@media (max-width: @maxtiny)
-{
-  @import 'tiny/layout.less';
-}