Merge branch 'main' into section-fix

tgstation · Nov 17, 2024 · 986b080 · 986b080
2 parents a7bd1ad + 057bdf0
commit 986b080
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 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;

diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "tgui-styles",
   "description": "A collection of TGUI styles for use with the tgui-core library",
   "license": "MIT",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "keywords": [
     "TGUI",
     "library",