Unnötig komplexe CSS-Selektoren vereinfacht

diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less
index 4e6c331..92cc19a 100644 (file)
--- a/src/main/webapp/less/screen/layout.less
+++ b/src/main/webapp/less/screen/layout.less
@@ -58,25 +58,25 @@ body
 {
   padding: 2em;
 }
-.content #nav
+#nav
 {
   position: absolute;
   top: 0;
   right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */
   width: 100%;
 }
-.cols_2 > .content #nav
+.cols_2 #nav
 {
   position: relative;
   top: auto;
   right: auto;
   width: 22.375em; /** 358px = 326px + 32px*/
 }
-.cols_2 > .content #nav > #menu
+.cols_2 #menu
 {
   margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */
 }
-.content.cols_1 #nav > #menu
+.cols_1 #menu
 {
   position: absolute;
   top: -7em; /** 112px */

diff --git a/src/main/webapp/less/tablet/navigation.less b/src/main/webapp/less/tablet/navigation.less
index 93cd1b2..facae8f 100644 (file)
--- a/src/main/webapp/less/tablet/navigation.less
+++ b/src/main/webapp/less/tablet/navigation.less
@@ -3,8 +3,8 @@
   left: 11.9em;
   right: 3em;
 }
-.cols_1 > .content #nav > #menu,
-.cols_2 > .content #nav > #menu
+.cols_1 #menu,
+.cols_2 #menu
 {
   position: absolute;
   width: auto;
@@ -17,8 +17,8 @@
 
 @media (max-width: @maxsmalltablet)
 {
-  .cols_1 > .content #nav > #menu,
-  .cols_2 > .content #nav > #menu
+  .cols_1 #menu,
+  .cols_2 #menu
   {
     top: -5.7em;
     right: 2em;
@@ -48,8 +48,8 @@
 
 @media (max-width: @maxsmallertablet)
 {
-  .cols_1 > .content #nav > #menu,
-  .cols_2 > .content #nav > #menu
+  .cols_1 #menu,
+  .cols_2 #menu
   {
     top: -4.5em;
     right: 1em;