initial commit

tgstation · Nov 17, 2024 · 8632852 · 8632852
1 parent e80df63
commit 8632852
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/lib/components/ImageButton.scss b/lib/components/ImageButton.scss
@@ -42,11 +42,11 @@ $bg-map: colors.$bg-map !default;
 }
 
 @each $color-name, $color-value in $bg-map {
-  .color__#{$color-name} {
+  .ImageButton--color__#{$color-name} {
     @include button-style($color-value, $border-width: 1px);
   }
 
-  .contentColor__#{$color-name} {
+  .ImageButton--contentColor__#{$color-name} {
     @include button-style(
       $color-value,
       $border-color: lighten($color-value, 25%),
@@ -55,7 +55,7 @@ $bg-map: colors.$bg-map !default;
     );
   }
 
-  .buttonsContainerColor__#{$color-name} {
+  .ImageButton--buttonsContainerColor__#{$color-name} {
     @include button-style(
       $color-value,
       $border-width: 1px 1px 1px 0,
@@ -66,24 +66,24 @@ $bg-map: colors.$bg-map !default;
   }
 }
 
-.color__default {
+.ImageButton--color__default {
   @include button-style(lighten($color-default, 85%), $border-width: 1px);
 }
 
-.disabled {
+.ImageButton--disabled {
   background-color: rgba($color-disabled, 0.25) !important;
   border-color: rgba($color-disabled, 0.25) !important;
 }
 
-.selected {
+.ImageButton--selected {
   @include button-style(
     $color-selected,
     $border-color: rgba($color-selected, 0.25),
     $border-width: 1px
   );
 }
 
-.contentColor__default {
+.ImageButton--contentColor__default {
   @include button-style(
     lighten($color-default, 80%),
     $border-color: lighten($color-default, 100%),
@@ -92,12 +92,12 @@ $bg-map: colors.$bg-map !default;
   );
 }
 
-.contentDisabled {
+.ImageButton--contentDisabled {
   background-color: $color-disabled !important;
   border-top: 1px solid lighten($color-disabled, 25%) !important;
 }
 
-.contentSelected {
+.ImageButton--contentSelected {
   @include button-style(
     $color-selected,
     $border-color: lighten($color-selected, 25%),
@@ -106,7 +106,7 @@ $bg-map: colors.$bg-map !default;
   );
 }
 
-.buttonsContainerColor__default {
+.ImageButton--buttonsContainerColor__default {
   @include button-style(
     lighten($color-default, 85%),
     $border-width: 1px 1px 1px 0,
@@ -185,7 +185,7 @@ $bg-map: colors.$bg-map !default;
   }
 }
 
-.fluid {
+.ImageButton--fluid {
   display: flex;
   flex-direction: row;
   position: relative;