@transfermarkt/global-styles 1.39.0 → 1.40.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bun.lock +1 -0
- package/package.json +2 -2
- package/scss/base/base.scss +18 -3
package/bun.lock
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transfermarkt/global-styles",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.40.1",
|
|
4
4
|
"description": "Shared styles and Global configuration for stylelint rules of the Transfermarkt projects",
|
|
5
5
|
"author": "Transfermarkt",
|
|
6
6
|
"license": "MIT",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"test": "echo \"Error: no test specified\" && exit 1"
|
|
13
13
|
},
|
|
14
14
|
"volta": {
|
|
15
|
-
"node": "
|
|
15
|
+
"node": "24.13.0"
|
|
16
16
|
},
|
|
17
17
|
"publishConfig": {
|
|
18
18
|
"registry": "https://registry.npmjs.org/",
|
package/scss/base/base.scss
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
@use '@transfermarkt/global-styles/scss/mixins';
|
|
5
5
|
@use '@transfermarkt/global-styles/scss/mixins/breakpoint' as *;
|
|
6
6
|
|
|
7
|
-
.tm-row
|
|
7
|
+
.tm-row {
|
|
8
8
|
display: flex;
|
|
9
9
|
flex-direction: column;
|
|
10
10
|
gap: rem-calc(8);
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
.tm-container {
|
|
22
22
|
background-color: tm-color('white');
|
|
23
23
|
border-radius: rem-calc(16);
|
|
24
|
+
container-type: inline-size;
|
|
24
25
|
display: flex;
|
|
25
26
|
flex-direction: column;
|
|
26
27
|
gap: rem-calc(24);
|
|
@@ -103,6 +104,13 @@
|
|
|
103
104
|
gap: initial;
|
|
104
105
|
justify-content: space-between;
|
|
105
106
|
}
|
|
107
|
+
|
|
108
|
+
@container (max-width: 340px) {
|
|
109
|
+
align-items: stretch;
|
|
110
|
+
flex-flow: column nowrap;
|
|
111
|
+
gap: rem-calc(8);
|
|
112
|
+
justify-content: flex-start;
|
|
113
|
+
}
|
|
106
114
|
}
|
|
107
115
|
|
|
108
116
|
&__addition {
|
|
@@ -113,13 +121,20 @@
|
|
|
113
121
|
font-variation-settings: 'wght' 400;
|
|
114
122
|
font-weight: initial;
|
|
115
123
|
line-height: rem-calc(24);
|
|
116
|
-
text-align:
|
|
124
|
+
text-align: left;
|
|
117
125
|
white-space: nowrap;
|
|
118
126
|
|
|
119
127
|
@include breakpoint(laptop) {
|
|
120
128
|
align-self: flex-end;
|
|
121
129
|
font-size: rem-calc(14);
|
|
122
130
|
padding: rem-calc(3) 0;
|
|
131
|
+
text-align: right;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
@container (max-width: 340px) {
|
|
135
|
+
align-self: auto;
|
|
136
|
+
padding: 0;
|
|
137
|
+
text-align: left;
|
|
123
138
|
}
|
|
124
139
|
}
|
|
125
140
|
}
|
|
@@ -136,4 +151,4 @@
|
|
|
136
151
|
width: rem-calc(300);
|
|
137
152
|
}
|
|
138
153
|
}
|
|
139
|
-
}
|
|
154
|
+
}
|