responsive fixes for supplier

2015-10-12 12:05:16 +02:00
parent 5ed5139125
commit 7ee9504382
23 changed files with 224 additions and 69 deletions
@@ -18,30 +18,30 @@ header.top-menu
      line-height: 48px
      &.main-buttons
        float: left
-        @media #{$medium-up}
-          padding-left: 14px
-          a
-            span.icon
-              display: none
-        @media #{$large-up}
-          a
-            span.icon
-              display: inline-block
-              margin-right: 4px
        a
          padding-left: 16px
          &.active
            text-decoration: underline
            font-weight: bold
            color: $current-color
-          @media #{$small-only}
+            span.icon
+              color: $current-color
+          @media (min-width: 972px)
+            span.icon
+              margin-right: 8px
+              display: inline-block
+          @media (max-width: 972px)
+            span
+              display: inline-block
+              &.icon
+                display: none
+          @media (max-width: 836px)
            span
              display: none
              &.icon
                display: inline-block
-            &.active
-              span.icon
-                color: $current-color
+          @media (max-width: 560px)
+            display: none
        .top-menu-root
          display: inline-block
          line-height: normal