CSS-Datei für das Screen-Layout optimiert: unnötige Dopplungen vermieden
[website] / src / main / webapp / less / screen.less
1 @import 'screen/head.less';
2 @import 'screen/navigation-submenu.less';
3 @import 'screen/footer-sticky.less';
4
5 @media (min-width: @minscreen)
6 {
7   @import 'screen/typo.less';
8   @import 'screen/layout.less';
9   @import 'screen/head.less';
10   @import 'screen/navigation.less';
11   @import 'screen/navigation-submenu.less';
12   @import 'screen/marginal.less';
13   @import 'screen/footer.less';
14   @import 'screen/footer-sticky.less';
15   @media (max-width: @maxtablet)
16   {
17     @import 'tablet/typo.less';
18     @import 'tablet/layout.less';
19     @import 'tablet/navigation.less';
20     @import 'tablet/footer.less';
21   }
22 }
23
24 @media (max-width: @maxtablet)
25 {
26   @import 'tablet/head.less';
27 }
28
29 @media (max-width: @maxphone)
30 {
31   @import 'phone/typo.less';
32   @import 'phone/layout.less';
33   @import 'phone/head.less';
34   @import 'phone/navigation.less';
35   @import 'phone/footer.less';
36 }
37
38 @media (max-width: @maxtiny)
39 {
40   @import 'tiny/layout.less';
41 }