@transfermarkt/global-styles 1.38.0 → 1.40.0

package/bun.lock

@@ -1,5 +1,6 @@
 {
   "lockfileVersion": 1,
+  "configVersion": 0,
   "workspaces": {
     "": {
       "name": "@transfermarkt/global-styles",

package/package.json

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

package/scss/base/_index.scss

@@ -0,0 +1 @@
+@forward 'base';

package/scss/base/{index.scss → base.scss}

@@ -2,10 +2,9 @@
 @use '@transfermarkt/global-styles/scss/functions/tm-color' as *;
 @use '@transfermarkt/global-styles/scss/functions/tm-font' as *;
 @use '@transfermarkt/global-styles/scss/mixins';
-@use '@transfermarkt/global-styles/scss/utils/components/buttons' as *;
 @use '@transfermarkt/global-styles/scss/mixins/breakpoint' as *;
 
-.tm-row  {
+.tm-row {
   display: flex;
   flex-direction: column;
   gap: rem-calc(8);
@@ -22,6 +21,7 @@
 .tm-container {
   background-color: tm-color('white');
   border-radius: rem-calc(16);
+  container-type: inline-size;
   display: flex;
   flex-direction: column;
   gap: rem-calc(24);
@@ -104,6 +104,13 @@
       gap: initial;
       justify-content: space-between;
     }
+
+    @container (max-width: 340px) {
+      align-items: stretch;
+      flex-flow: column nowrap;
+      gap: rem-calc(8);
+      justify-content: flex-start;
+    }
   }
 
   &__addition {
@@ -114,13 +121,20 @@
     font-variation-settings: 'wght' 400;
     font-weight: initial;
     line-height: rem-calc(24);
-    text-align: right;
+    text-align: left;
     white-space: nowrap;
 
     @include breakpoint(laptop) {
       align-self: flex-end;
       font-size: rem-calc(14);
       padding: rem-calc(3) 0;
+      text-align: right;
+    }
+
+    @container (max-width: 340px) {
+      align-self: auto;
+      padding: 0;
+      text-align: left;
     }
   }
 }
@@ -137,4 +151,4 @@
       width: rem-calc(300);
     }
   }
-}
+}