Revert some Glocal changes with RGBA variables.

mozilla · Aug 3, 2021 · b7e6d71 · b7e6d71
1 parent 4b1f467
commit b7e6d71
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/static/scss/partials/glocal-menu.scss b/static/scss/partials/glocal-menu.scss
@@ -40,14 +40,14 @@ glocal-menu {
   display: flex;
   align-items: center;
   justify-content: center;
-  box-shadow: 0 0 0 2px $color-white, 0 0 0px 5px $color-black;
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 1), 0 0 0px 5px rgba(255, 255, 255, 0);
   padding: 0;
   border: none;
   transition: all 0.2s ease;
 }
 
 .avatar-wrapper:hover {
-  box-shadow: 0 0 0 2px $color-white, 0 0 0px 5px rgba(255, 255, 255, .3);
+  box-shadow: 0 0 0 2px rgba(255, 255, 255, 1), 0 0 0px 5px rgba(255, 255, 255, .3);
   transition: all 0.2s ease;
 }
 
@@ -131,7 +131,7 @@ glocal-menu {
   border-radius: 0;
   padding: 2px var(--glocalPaddingUnit);
   width: 100%;
-  background-color: $color-black;
+  background-color: rgba(255, 255, 255, 0);
   transition: 0.2s ease-in-out;
 }