unformat

less/common/App.less

@@ -27,16 +27,13 @@
       box-shadow: 0 2px 6px var(--shadow-color);
     }
   }
-  .App-primaryControl,
+  .App-primaryControl, .App-titleControl, .App-backControl {
-  .App-titleControl,
-  .App-backControl {
     position: absolute !important;
     z-index: calc(~"var(--zindex-header) + 1");
     top: 0 !important;
     margin: 0;
 
-    .App.affix &,
+    .App.affix &, .Composer & {
-    .Composer & {
       position: fixed !important;
     }
 
@@ -62,18 +59,15 @@
     right: 0;
 
     &.Dropdown {
-      .Button,
+      .Button, .Button-caret {
-      .Button-caret {
         display: none !important;
       }
-      .Dropdown-toggle,
+      .Dropdown-toggle, .Button-icon {
-      .Button-icon {
         display: block !important;
       }
     }
   }
-  .App-primaryControl,
+  .App-primaryControl, .App-backControl {
-  .App-backControl {
     margin: 0 !important;
 
     > .Button {
@@ -96,8 +90,7 @@
     text-align: center;
     color: var(--header-color) !important;
 
-    &,
+    &, > .Button {
-    > .Button {
       font-size: 16px;
     }
     > .Button {
@@ -206,15 +199,12 @@
     > li {
       padding: 0 10px 0;
     }
-    .FormControl,
+    .FormControl, .ButtonGroup, .Button {
-    .ButtonGroup,
-    .Button {
       width: 100%;
       text-align: left;
     }
     .Dropdown-menu {
-      .ButtonGroup,
+      .ButtonGroup, .Button {
-      .Button {
         width: auto;
       }
     }
@@ -230,7 +220,7 @@
 @media @phone {
   .App-drawer {
     & when (@config-colored-header = true) {
-      .light-contents(@name: "header-colored");
+      .light-contents(@name: 'header-colored');
     }
   }
 }
@@ -254,7 +244,7 @@
     }
 
     & when (@config-colored-header = true) {
-      .light-contents(@name: "header-colored");
+      .light-contents(@name: 'header-colored');
     }
   }
 
@@ -263,8 +253,7 @@
     margin-right: 25px;
   }
   .Header-controls {
-    &,
+    &, > li {
-    > li {
       display: inline-block;
       vertical-align: middle;
     }

less/common/Dropdown.less

@@ -24,9 +24,7 @@
   }
 
   > li {
-    > a,
+    > a, > button, > span {
-    > button,
-    > span {
       padding: 8px 15px;
       display: block;
       width: 100%;
@@ -61,15 +59,13 @@
         background: none !important;
       }
     }
-    > a,
+    > a, > button {
-    > button {
       &:hover {
         background: var(--control-bg);
       }
     }
     &.active {
-      > a,
+      > a, > button {
-      > button {
         background: var(--control-bg);
       }
     }
@@ -104,6 +100,7 @@
   height: 1px;
 }
 
+
 .dropdown-backdrop {
   position: fixed;
   left: 0;
@@ -113,6 +110,7 @@
   z-index: calc(~"var(--zindex-dropdown) - 10");
 }
 
+
 .Dropdown--split {
   .Dropdown-toggle .Button-icon {
     display: none;
@@ -133,8 +131,7 @@
 
   @media @tablet-up {
     .Dropdown-menu li:first-child {
-      &,
+      &, + li.Dropdown-separator {
-      + li.Dropdown-separator {
         display: none;
       }
     }
@@ -159,6 +156,7 @@
   }
 }
 
+
 @media @phone {
   .Dropdown.open {
     z-index: var(--zindex-modal);
@@ -183,8 +181,7 @@
     transition: transform 0.3s, visibility 0s 0.3s;
 
     > li {
-      > a,
+      > a, > button {
-      > button {
         background: var(--body-bg);
         font-size: 16px;
         padding: 15px 20px;
@@ -202,10 +199,8 @@
       }
     }
     > .active {
-      > a,
+      > a, > button {
-      > button {
+        &, &:hover {
-        &,
-        &:hover {
           background: var(--primary-color) !important;
           color: #fff !important;
         }

less/common/sideNav.less

@@ -60,8 +60,7 @@
     flex-shrink: 0;
     margin-right: 50px;
 
-    &,
+    &, > ul {
-    > ul {
       width: 190px;
     }
     > ul {
@@ -91,8 +90,7 @@
     border-bottom: 1px solid var(--control-bg);
   }
 
-  > ul > li,
+  > ul > li, .Dropdown-menu > li {
-  .Dropdown-menu > li {
     display: inline-block;
     margin: 0 20px 0 0;
     vertical-align: top;