@transfermarkt/global-styles 1.54.0 → 1.56.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transfermarkt/global-styles",
-  "version": "1.54.0",
+  "version": "1.56.0",
   "description": "Shared styles and Global configuration for stylelint rules of the Transfermarkt projects",
   "author": "Transfermarkt",
   "license": "MIT",

package/scss/utils/components/buttons/buttons.scss

@@ -337,6 +337,14 @@
       background-color: tm-color('admiral');
       border: none;
       color: tm-color('white');
+
+      @media (hover: hover) {
+        &:hover {
+          background-color: tm-color('admiral');
+          border: none;
+          color: tm-color('white');
+        }
+      }
     }
   }
 
@@ -2264,6 +2272,76 @@
     }
   }
 
+  &__minus {
+    padding-right: rem-calc(24);
+
+    @include tm-icon-generate('minus');
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
+  &__minus-right {
+    padding-left: rem-calc(24);
+
+    @include tm-icon-generate('minus', right);
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
+  &__minus-both {
+    @include tm-icon-generate('minus', both);
+
+    &--large {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.8;
+    }
+
+    &--medium {
+      @include tm-icon-size(16px);
+
+      stroke-width: 1.5;
+    }
+
+    &--small {
+      @include tm-icon-size(14px);
+
+      stroke-width: 1.2;
+    }
+  }
+
   &__plus {
     padding-right: rem-calc(24);
 

package/scss/variables/_colors.scss

@@ -149,7 +149,7 @@ $tm-colors: (
   'brand-rss': #f60,
   'brand-community': #1d75a3,
   'brand-wahretabelle': #429535,
-  // new colors to discuss
+  // new colors to discuss and maybe rename
   'slate-blue': #4c5e78,
   'ash-grey': #6b7280,
   'shadow-blue': #66758c,