set ns

packages/app/src/components/Layout/NoLoginLayout.module.scss

@@ -1,4 +1,4 @@
-@use '~/styles/bootstrap/init' as *;
+@use '~/styles/bootstrap/init' as bs;
 
 
 .nologin :global {
@@ -65,10 +65,11 @@
 
   .dropdown-with-icon {
     .dropdown-toggle {
-      @extend .form-control;
+      @extend %form-control;
+      background: green;
     }
     i {
-      @extend .input-group-text;
+      @extend %input-group-text;
       margin-right: -1px;
     }
   }
@@ -91,40 +92,40 @@
 
   $btn-fill-colors: (
     'login': (
-      rgba($danger, 0.4),
+      rgba(bs.$danger, 0.4),
       rgba(#7e4153, 0.7),
     ),
     'register': (
-      rgba($success, 0.4),
+      rgba(bs.$success, 0.4),
       rgba(#3f7263, 0.7),
     ),
     'google': (
       rgba(#24292e, 0.4),
-      $gray-700,
+      bs.$gray-700,
     ),
     'github': (
       rgba(lighten(black, 20%), 0.4),
-      $gray-700,
+      bs.$gray-700,
     ),
     'facebook': (
       rgba(#29487d, 0.4),
-      $gray-700,
+      bs.$gray-700,
     ),
     'twitter': (
       rgba(#1da1f2, 0.4),
-      $gray-700,
+      bs.$gray-700,
     ),
     'oidc': (
       rgba(#24292e, 0.4),
-      $gray-700,
+      bs.$gray-700,
     ),
     'saml': (
       rgba(#55a79a, 0.4),
-      $gray-700,
+      bs.$gray-700,
     ),
     'basic': (
       rgba(#24292e, 0.4),
-      $gray-700,
+      bs.$gray-700,
     ),
   );
 
@@ -157,7 +158,7 @@
 }
 
 .link-switch {
-  color: $gray-200;
+  color: bs.$gray-200;
 
   &:hover {
     color: white;