Support User: Improvements to styles

Automattic · Feb 3, 2016 · 95cec5e · 95cec5e
1 parent 3fabde3
commit 95cec5e
Showing 1 changed file with 20 additions and 8 deletions.
diff --git a/client/layout/masterbar/style.scss b/client/layout/masterbar/style.scss
@@ -17,6 +17,11 @@ $autobar-height: 20px;
 	z-index: z-index( 'root', '.masterbar' );
 	-webkit-font-smoothing: subpixel-antialiased;
 
+	.is-support-user & {
+		background: $orange-jazzy;
+		border-bottom: 1px solid darken( $orange-jazzy, 4% );
+	}
+
 	@include breakpoint( ">660px" ) {
 		backface-visibility: hidden;
 	}
@@ -57,6 +62,10 @@ $autobar-height: 20px;
 		background: $blue-dark;
 	}
 
+	.is-support-user &.is-active {
+		background: darken( $orange-jazzy, 10% );
+	}
+
 	@include breakpoint( "<480px" ) {
 		flex: 1 1 auto;
 
@@ -104,6 +113,17 @@ $autobar-height: 20px;
 		display: none;
 	}
 
+	.is-support-user &,
+	.is-support-user &:focus,
+	.is-support-user &:hover,
+	.is-support-user &:visited {
+		color: $orange-jazzy;
+	}
+
+	.is-support-user &.is-active {
+		color: $white;
+	}
+
 	@include breakpoint( ">480px" ) {
 		margin-left: auto;
 	}
@@ -188,14 +208,6 @@ $autobar-height: 20px;
 	}
 }
 
-.is-support-user .masterbar {
-	background-color: $orange-jazzy;
-
-	.masterbar__item.is-active {
-		background-color: darken( $orange-jazzy, 10% );
-	}
-}
-
 @keyframes bubble-unread-indication {
 	30% {
 		transform: scale(1.5);