header.css.scss in biola_frontend_toolkit-0.1.0

- old
+ new

@@ -47,10 +47,19 @@
       }
     }
 
     &#current-user-profile {
       #profile-img { height: 30px; width: 30px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; display: inline-block; vertical-align: middle; }
+
+      .fa-lg { font-size: 1.1em; }
+      .dropdown-toggle .fa-stack-2x { color: white; }
+      .dropdown-toggle .fa-stack-1x { color: #333; }
+      &.open {
+        .dropdown-toggle .fa-stack-2x { color: #333; }
+        .dropdown-toggle .fa-stack-1x { color: white; }
+      }
+
       .dropdown-menu {
         // Adjust where the little carret points so that it is right under the profile picture
         &::before { right: 19px; }
         &::after { right: 20px; }
       }
@@ -97,6 +106,6 @@
   #biolaHeader { width:970px; }
 }
 
 @media screen and (min-width:1200px) {
   #biolaHeader { width:1170px; }
-}
\ No newline at end of file
+}