@transfermarkt/global-styles 1.46.0 → 1.47.0

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/scss/fonts/_index.scss +144 -0
  3. package/scss/functions/_index.scss +1 -0
  4. package/scss/functions/_tm-univia-fw.scss +12 -0
  5. package/scss/variables/_fonts.scss +13 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transfermarkt/global-styles",
3
- "version": "1.46.0",
3
+ "version": "1.47.0",
4
4
  "description": "Shared styles and Global configuration for stylelint rules of the Transfermarkt projects",
5
5
  "author": "Transfermarkt",
6
6
  "license": "MIT",
package/scss/fonts/_index.scss CHANGED
@@ -33,3 +33,147 @@
33
33
  size-adjust: 62.7%;
34
34
  src: local('Arial');
35
35
  }
36
+
37
+ @font-face {
38
+ font-display: swap;
39
+ font-family: 'UniviaPro';
40
+ font-style: normal;
41
+ font-weight: 100;
42
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-UltraLight.woff2') format('woff2');
43
+ }
44
+
45
+ @font-face {
46
+ font-display: swap;
47
+ font-family: 'UniviaPro';
48
+ font-style: italic;
49
+ font-weight: 100;
50
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-UltraLightItalic.woff2') format('woff2');
51
+ }
52
+
53
+ @font-face {
54
+ font-display: swap;
55
+ font-family: 'UniviaPro';
56
+ font-style: normal;
57
+ font-weight: 200;
58
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Thin.woff2') format('woff2');
59
+ }
60
+
61
+ @font-face {
62
+ font-display: swap;
63
+ font-family: 'UniviaPro';
64
+ font-style: italic;
65
+ font-weight: 200;
66
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-ThinItalic.woff2') format('woff2');
67
+ }
68
+
69
+ @font-face {
70
+ font-display: swap;
71
+ font-family: 'UniviaPro';
72
+ font-style: normal;
73
+ font-weight: 300;
74
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Light.woff2') format('woff2');
75
+ }
76
+
77
+ @font-face {
78
+ font-display: swap;
79
+ font-family: 'UniviaPro';
80
+ font-style: italic;
81
+ font-weight: 300;
82
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-LightItalic.woff2') format('woff2');
83
+ }
84
+
85
+ @font-face {
86
+ font-display: swap;
87
+ font-family: 'UniviaPro';
88
+ font-style: normal;
89
+ font-weight: 400;
90
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Book.woff2') format('woff2');
91
+ }
92
+
93
+ @font-face {
94
+ font-display: swap;
95
+ font-family: 'UniviaPro';
96
+ font-style: italic;
97
+ font-weight: 400;
98
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-BookItalic.woff2') format('woff2');
99
+ }
100
+
101
+ @font-face {
102
+ font-display: swap;
103
+ font-family: 'UniviaPro';
104
+ font-style: normal;
105
+ font-weight: 450;
106
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Regular.woff2') format('woff2');
107
+ }
108
+
109
+ @font-face {
110
+ font-display: swap;
111
+ font-family: 'UniviaPro';
112
+ font-style: italic;
113
+ font-weight: 450;
114
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Italic.woff2') format('woff2');
115
+ }
116
+
117
+ @font-face {
118
+ font-display: swap;
119
+ font-family: 'UniviaPro';
120
+ font-style: normal;
121
+ font-weight: 500;
122
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Medium.woff2') format('woff2');
123
+ }
124
+
125
+ @font-face {
126
+ font-display: swap;
127
+ font-family: 'UniviaPro';
128
+ font-style: italic;
129
+ font-weight: 500;
130
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-MediumItalic.woff2') format('woff2');
131
+ }
132
+
133
+ @font-face {
134
+ font-display: swap;
135
+ font-family: 'UniviaPro';
136
+ font-style: normal;
137
+ font-weight: 700;
138
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Bold.woff2') format('woff2');
139
+ }
140
+
141
+ @font-face {
142
+ font-display: swap;
143
+ font-family: 'UniviaPro';
144
+ font-style: italic;
145
+ font-weight: 700;
146
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-BoldItalic.woff2') format('woff2');
147
+ }
148
+
149
+ @font-face {
150
+ font-display: swap;
151
+ font-family: 'UniviaPro';
152
+ font-style: normal;
153
+ font-weight: 900;
154
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Black.woff2') format('woff2');
155
+ }
156
+
157
+ @font-face {
158
+ font-display: swap;
159
+ font-family: 'UniviaPro';
160
+ font-style: italic;
161
+ font-weight: 900;
162
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-BlackItalic.woff2') format('woff2');
163
+ }
164
+
165
+ @font-face {
166
+ font-display: swap;
167
+ font-family: 'UniviaPro';
168
+ font-style: normal;
169
+ font-weight: 950;
170
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-Ultra.woff2') format('woff2');
171
+ }
172
+
173
+ @font-face {
174
+ font-display: swap;
175
+ font-family: 'UniviaPro';
176
+ font-style: italic;
177
+ font-weight: 950;
178
+ src: url('https://tmsi.akamaized.net/fonts/UniviaPro-UltraItalic.woff2') format('woff2');
179
+ }
package/scss/functions/_index.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @forward 'tm-color';
2
2
  @forward 'tm-font';
3
+ @forward 'tm-univia-fw';
3
4
  @forward 'rem-calc';
4
5
  @forward 'strip-unit';
5
6
  @forward 'zf-to-rem';
package/scss/functions/_tm-univia-fw.scss ADDED
@@ -0,0 +1,12 @@
1
+ @use 'sass:map';
2
+ @use '../variables';
3
+
4
+ @function tm-univia-fw($weight-name) {
5
+ $weight-value: map.get(variables.$tm-univia-fw, #{$weight-name});
6
+
7
+ @if not $weight-value {
8
+ @error 'Font-Weight #{$weight-name} does not exist in tm-univia-fw map.';
9
+ }
10
+
11
+ @return #{$weight-value};
12
+ }
package/scss/variables/_fonts.scss CHANGED
@@ -5,5 +5,17 @@ $tm-fonts: (
5
5
  'quaternary': "'OSL', 'OSL-fallback', sans-serif",
6
6
  'quinary': "'Arial', sans-serif",
7
7
  'senary': "'Times New Roman', sans-serif",
8
- 'septenary': "'SourceSansPro-VF', sans-serif"
8
+ 'septenary': "'SourceSansPro-VF', sans-serif",
9
+ 'univia': "'UniviaPro', 'UniviaPro-fallback', sans-serif"
10
+ );
11
+ $tm-univia-fw: (
12
+ 'ultra-light': 100,
13
+ 'thin': 200,
14
+ 'light': 300,
15
+ 'book': 400,
16
+ 'regular': 450,
17
+ 'medium': 500,
18
+ 'bold': 700,
19
+ 'black': 900,
20
+ 'ultra': 950
9
21
  );