Merge pull request #7 from Financial-Times/KMT-280-update-header-colors

Kmt 280 update header colors
Financial-Times · Feb 1, 2017 · 9241fc2 · 9241fc2
2 parents 05c3d34 + 84ba8e7
commit 9241fc2
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 9 deletions.
diff --git a/bower.json b/bower.json
@@ -22,6 +22,7 @@
   ],
    "dependencies": {
      "o-header-services" : "~1.1.0",
+     "o-icons": "~4.4.2",
      "o-forms": "~2.0.3",
      "o-viewport": "~2.2.0",
      "ftdomdelegate": "~2.0.3",
@@ -31,6 +32,7 @@
   },
   "resolutions": {
     "n-notification": "~5.0.0",
-    "o-icons": "~4.4.2"
+    "o-icons": "~4.4.2",
+    "o-viewport": "~2.2.0"
   }
 }
diff --git a/src/components/license-dropdown/style.scss b/src/components/license-dropdown/style.scss
@@ -7,36 +7,51 @@
       // ignoring the nesting warning as it's not actually a nested class (it's BEM)
       // scss-lint:disable NestingDepth
       &--mobile {
-        .kmt-header__license-dropdown {
-          padding: 0;
-          position: relative;
-          background-color: transparent;
+        .kmt-header {
+          &__license-dropdown {
+            padding: 0;
+            position: relative;
+            background-color: transparent;
+          }
+
+          &__license {
+            &-label {
+              color: oColorsGetPaletteColor("claret");
+              &::after {
+                @include oIconsGetIcon('arrow-up-down', oColorsGetPaletteColor('claret'), 12);
+              }
+            }
+
+
+          }
         }
       }
     }
 
     &-label {
       position: relative;
       padding-right: 15px;
-      color: oColorsGetPaletteColor("org-b2b");
+      color: oColorsGetPaletteColor("white");
 
       // ignoring the nesting warning as it's not actually a nested class (it's BEM)
       // scss-lint:disable NestingDepth
       &::after {
-        @include oIconsGetIcon('arrow-up-down', oColorsGetPaletteColor('org-b2b'), 12);
+        @include oIconsGetIcon('arrow-up-down', oColorsGetPaletteColor('white'), 12);
         content: "";
         position: absolute;
         top: 3px;
         right: 0;
       }
 
       &:hover {
-        color: oColorsGetPaletteColor("org-b2b-dark");
+        color: oColorsGetPaletteColor("grey-tint2");
 
         &::after {
-          @include oIconsGetIcon('arrow-up-down', oColorsGetPaletteColor('org-b2b-dark'), 12);
+          @include oIconsGetIcon('arrow-up-down', oColorsGetPaletteColor('grey-tint2'), 12);
         }
       }
+
+
     }
 
     &-dropdown {