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

[website] / src / main / webapp / less / screen.less

diff --git a/src/main/webapp/less/screen.less b/src/main/webapp/less/screen.less
index eae175a..c2c8985 100644 (file)
--- a/src/main/webapp/less/screen.less
+++ b/src/main/webapp/less/screen.less
@@ -1,9 +1,41 @@
-@media screen and (min-width: @minscreen)
+@import 'screen/head.less';
+@import 'screen/navigation-submenu.less';
+@import 'screen/footer-sticky.less';
+
+@media (min-width: @minscreen)
 {
   @import 'screen/typo.less';
   @import 'screen/layout.less';
   @import 'screen/head.less';
   @import 'screen/navigation.less';
+  @import 'screen/navigation-submenu.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';
 }