@db-ux/core-foundations 2.0.0-0-custom-select-16b8cce → 2.0.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.
Files changed (103) hide show
  1. package/build/ide/db.ide.css +10 -10
  2. package/build/styles/_screen-sizes.scss +62 -6
  3. package/build/styles/_variables.scss +9 -9
  4. package/build/styles/absolute.css +9015 -593
  5. package/build/styles/absolute.scss +1 -1
  6. package/build/styles/colors/_default-color-icons.scss +11 -0
  7. package/build/styles/colors/_default-color-mappings.scss +2944 -0
  8. package/build/styles/colors/_placeholder.scss +160 -153
  9. package/build/styles/colors/_variables.scss +20 -19
  10. package/build/styles/colors/classes/all.css +2205 -2115
  11. package/build/styles/colors/classes/blue.css +175 -141
  12. package/build/styles/colors/classes/brand.css +175 -141
  13. package/build/styles/colors/classes/critical.css +175 -141
  14. package/build/styles/colors/classes/cyan.css +175 -141
  15. package/build/styles/colors/classes/green.css +175 -141
  16. package/build/styles/colors/classes/informational.css +175 -141
  17. package/build/styles/colors/classes/neutral.css +175 -141
  18. package/build/styles/colors/classes/orange.css +175 -141
  19. package/build/styles/colors/classes/pink.css +175 -141
  20. package/build/styles/colors/classes/red.css +175 -141
  21. package/build/styles/colors/classes/successful.css +175 -141
  22. package/build/styles/colors/classes/turquoise.css +175 -141
  23. package/build/styles/colors/classes/violet.css +175 -141
  24. package/build/styles/colors/classes/warning.css +175 -141
  25. package/build/styles/colors/classes/yellow.css +175 -141
  26. package/build/styles/colors/speaking-colors/additional/_blue.speaking-colors.scss +9 -0
  27. package/build/styles/colors/speaking-colors/additional/_cyan.speaking-colors.scss +9 -0
  28. package/build/styles/colors/speaking-colors/additional/_green.speaking-colors.scss +9 -0
  29. package/build/styles/colors/speaking-colors/additional/_orange.speaking-colors.scss +9 -0
  30. package/build/styles/colors/speaking-colors/additional/_pink.speaking-colors.scss +9 -0
  31. package/build/styles/colors/speaking-colors/additional/_red.speaking-colors.scss +9 -0
  32. package/build/styles/colors/speaking-colors/additional/_turquoise.speaking-colors.scss +9 -0
  33. package/build/styles/colors/speaking-colors/additional/_violet.speaking-colors.scss +9 -0
  34. package/build/styles/colors/speaking-colors/additional/_yellow.speaking-colors.scss +9 -0
  35. package/build/styles/colors/speaking-colors/semantic/_brand.speaking-colors.scss +9 -0
  36. package/build/styles/colors/speaking-colors/semantic/_critical.speaking-colors.scss +9 -0
  37. package/build/styles/colors/speaking-colors/semantic/_informational.speaking-colors.scss +15 -0
  38. package/build/styles/colors/speaking-colors/semantic/_neutral.speaking-colors.scss +9 -0
  39. package/build/styles/colors/speaking-colors/semantic/_successful.speaking-colors.scss +9 -0
  40. package/build/styles/colors/speaking-colors/semantic/_warning.speaking-colors.scss +9 -0
  41. package/build/styles/colors/speaking-colors/vibrant.js +43 -0
  42. package/build/styles/defaults/_default-properties.scss +6770 -0
  43. package/build/styles/defaults/default-code.css +93 -93
  44. package/build/styles/defaults/default-code.scss +6 -4
  45. package/build/styles/defaults/default-elevation.css +1 -1
  46. package/build/styles/defaults/default-fonts.css +7 -7
  47. package/build/styles/defaults/default-fonts.scss +15 -18
  48. package/build/styles/defaults/default-icons.css +1 -1
  49. package/build/styles/defaults/default-required.css +1 -1
  50. package/build/styles/defaults/default-required.scss +33 -13
  51. package/build/styles/defaults/default-root.css +93 -93
  52. package/build/styles/defaults/default-theme.css +93 -93
  53. package/build/styles/defaults/default-theme.scss +9 -854
  54. package/build/styles/density/_scaling-placeholder.scss +57 -38
  55. package/build/styles/density/_typography-placeholder.scss +66 -42
  56. package/build/styles/density/classes/all.css +944 -951
  57. package/build/styles/density/classes/expressive.css +396 -327
  58. package/build/styles/density/classes/functional.css +396 -327
  59. package/build/styles/density/classes/regular.css +396 -327
  60. package/build/styles/fonts/_font-sizes.scss +18 -12
  61. package/build/styles/fonts/classes/all.css +236 -90
  62. package/build/styles/fonts/classes/body/2xl.css +100 -5
  63. package/build/styles/fonts/classes/body/2xs.css +100 -5
  64. package/build/styles/fonts/classes/body/3xl.css +100 -5
  65. package/build/styles/fonts/classes/body/3xs.css +100 -5
  66. package/build/styles/fonts/classes/body/all.css +164 -45
  67. package/build/styles/fonts/classes/body/lg.css +100 -5
  68. package/build/styles/fonts/classes/body/md.css +100 -5
  69. package/build/styles/fonts/classes/body/sm.css +100 -5
  70. package/build/styles/fonts/classes/body/xl.css +100 -5
  71. package/build/styles/fonts/classes/body/xs.css +100 -5
  72. package/build/styles/fonts/classes/headline/2xl.css +100 -5
  73. package/build/styles/fonts/classes/headline/2xs.css +100 -5
  74. package/build/styles/fonts/classes/headline/3xl.css +100 -5
  75. package/build/styles/fonts/classes/headline/3xs.css +100 -5
  76. package/build/styles/fonts/classes/headline/all.css +164 -45
  77. package/build/styles/fonts/classes/headline/lg.css +100 -5
  78. package/build/styles/fonts/classes/headline/md.css +100 -5
  79. package/build/styles/fonts/classes/headline/sm.css +100 -5
  80. package/build/styles/fonts/classes/headline/xl.css +100 -5
  81. package/build/styles/fonts/classes/headline/xs.css +100 -5
  82. package/build/styles/helpers/_divider.scss +5 -5
  83. package/build/styles/helpers/_focus.scss +3 -3
  84. package/build/styles/helpers/_index.scss +1 -0
  85. package/build/styles/helpers/_layer.scss +1 -0
  86. package/build/styles/helpers/classes/all.css +49 -19
  87. package/build/styles/helpers/classes/divider.css +46 -16
  88. package/build/styles/helpers/classes/focus.css +33 -3
  89. package/build/styles/icons/absolute.css +1 -1
  90. package/build/styles/icons/relative.css +1 -1
  91. package/build/styles/icons/rollup.css +1 -1
  92. package/build/styles/icons/webpack.css +1 -1
  93. package/build/styles/index.css +3570 -517
  94. package/build/styles/relative.css +7819 -5560
  95. package/build/styles/rollup.css +9015 -593
  96. package/build/styles/rollup.scss +1 -1
  97. package/build/styles/webpack.css +9015 -593
  98. package/build/styles/webpack.scss +1 -1
  99. package/build/tailwind/tailwind-tokens.json +10 -10
  100. package/build/tailwind/theme/index.css +10 -10
  101. package/package.json +4 -4
  102. package/build/styles/colors/_default-color-scheme.scss +0 -2961
  103. package/build/styles/colors/_default-palette.scss +0 -2523
package/build/styles/defaults/default-theme.scss CHANGED
@@ -1,864 +1,19 @@
1
- @use "../colors/default-color-scheme";
2
- @use "../colors/default-palette";
3
1
  @use "../colors/placeholder";
4
2
 
5
- @include default-palette.get-color-palette;
6
- @include default-palette.get-additional-color-palette;
3
+ @forward "default-properties";
7
4
 
8
- :root {
9
- --db-spacing-responsive-regular-desktop-3xl: 40rem;
10
- --db-spacing-responsive-regular-desktop-2xl: 30rem;
11
- --db-spacing-responsive-regular-desktop-xl: 15rem;
12
- --db-spacing-responsive-regular-desktop-lg: 7.5rem;
13
- --db-spacing-responsive-regular-desktop-md: 5rem;
14
- --db-spacing-responsive-regular-desktop-sm: 3rem;
15
- --db-spacing-responsive-regular-desktop-xs: 2rem;
16
- --db-spacing-responsive-regular-desktop-2xs: 1.5rem;
17
- --db-spacing-responsive-regular-desktop-3xs: 1.25rem;
18
- --db-spacing-responsive-regular-tablet-3xs: 1rem;
19
- --db-spacing-responsive-regular-tablet-2xs: 1.25rem;
20
- --db-spacing-responsive-regular-tablet-xs: 1.75rem;
21
- --db-spacing-responsive-regular-tablet-sm: 2.5rem;
22
- --db-spacing-responsive-regular-tablet-md: 4rem;
23
- --db-spacing-responsive-regular-tablet-lg: 6rem;
24
- --db-spacing-responsive-regular-tablet-xl: 10rem;
25
- --db-spacing-responsive-regular-tablet-2xl: 15rem;
26
- --db-spacing-responsive-regular-tablet-3xl: 30rem;
27
- --db-spacing-responsive-regular-mobile-3xs: 1rem;
28
- --db-spacing-responsive-regular-mobile-2xs: 1.25rem;
29
- --db-spacing-responsive-regular-mobile-xs: 1.5rem;
30
- --db-spacing-responsive-regular-mobile-sm: 2rem;
31
- --db-spacing-responsive-regular-mobile-md: 3rem;
32
- --db-spacing-responsive-regular-mobile-lg: 5rem;
33
- --db-spacing-responsive-regular-mobile-xl: 7.5rem;
34
- --db-spacing-responsive-regular-mobile-2xl: 10rem;
35
- --db-spacing-responsive-regular-mobile-3xl: 15rem;
36
- --db-spacing-responsive-functional-desktop-3xs: 1rem;
37
- --db-spacing-responsive-functional-desktop-2xs: 1.25rem;
38
- --db-spacing-responsive-functional-desktop-xs: 1.75rem;
39
- --db-spacing-responsive-functional-desktop-sm: 2.5rem;
40
- --db-spacing-responsive-functional-desktop-md: 4rem;
41
- --db-spacing-responsive-functional-desktop-lg: 6rem;
42
- --db-spacing-responsive-functional-desktop-xl: 10rem;
43
- --db-spacing-responsive-functional-desktop-2xl: 15rem;
44
- --db-spacing-responsive-functional-desktop-3xl: 30rem;
45
- --db-spacing-responsive-functional-tablet-3xs: 1rem;
46
- --db-spacing-responsive-functional-tablet-2xs: 1.25rem;
47
- --db-spacing-responsive-functional-tablet-xs: 1.5rem;
48
- --db-spacing-responsive-functional-tablet-sm: 2rem;
49
- --db-spacing-responsive-functional-tablet-md: 3rem;
50
- --db-spacing-responsive-functional-tablet-lg: 5rem;
51
- --db-spacing-responsive-functional-tablet-xl: 7.5rem;
52
- --db-spacing-responsive-functional-tablet-2xl: 10rem;
53
- --db-spacing-responsive-functional-tablet-3xl: 15rem;
54
- --db-spacing-responsive-functional-mobile-3xs: 1rem;
55
- --db-spacing-responsive-functional-mobile-2xs: 1.25rem;
56
- --db-spacing-responsive-functional-mobile-xs: 1.25rem;
57
- --db-spacing-responsive-functional-mobile-sm: 1.75rem;
58
- --db-spacing-responsive-functional-mobile-md: 2.5rem;
59
- --db-spacing-responsive-functional-mobile-lg: 4rem;
60
- --db-spacing-responsive-functional-mobile-xl: 6rem;
61
- --db-spacing-responsive-functional-mobile-2xl: 7.5rem;
62
- --db-spacing-responsive-functional-mobile-3xl: 10rem;
63
- --db-spacing-responsive-expressive-desktop-3xs: 1.75rem;
64
- --db-spacing-responsive-expressive-desktop-2xs: 2rem;
65
- --db-spacing-responsive-expressive-desktop-xs: 3rem;
66
- --db-spacing-responsive-expressive-desktop-sm: 5rem;
67
- --db-spacing-responsive-expressive-desktop-md: 7.5rem;
68
- --db-spacing-responsive-expressive-desktop-lg: 15rem;
69
- --db-spacing-responsive-expressive-desktop-xl: 30rem;
70
- --db-spacing-responsive-expressive-desktop-2xl: 40rem;
71
- --db-spacing-responsive-expressive-desktop-3xl: 50rem;
72
- --db-spacing-responsive-expressive-tablet-3xs: 1.5rem;
73
- --db-spacing-responsive-expressive-tablet-2xs: 1.75rem;
74
- --db-spacing-responsive-expressive-tablet-xs: 2.5rem;
75
- --db-spacing-responsive-expressive-tablet-sm: 4rem;
76
- --db-spacing-responsive-expressive-tablet-md: 6rem;
77
- --db-spacing-responsive-expressive-tablet-lg: 10rem;
78
- --db-spacing-responsive-expressive-tablet-xl: 15rem;
79
- --db-spacing-responsive-expressive-tablet-2xl: 30rem;
80
- --db-spacing-responsive-expressive-tablet-3xl: 40rem;
81
- --db-spacing-responsive-expressive-mobile-3xs: 1.25rem;
82
- --db-spacing-responsive-expressive-mobile-2xs: 1.5rem;
83
- --db-spacing-responsive-expressive-mobile-xs: 2rem;
84
- --db-spacing-responsive-expressive-mobile-sm: 3rem;
85
- --db-spacing-responsive-expressive-mobile-md: 5rem;
86
- --db-spacing-responsive-expressive-mobile-lg: 7.5rem;
87
- --db-spacing-responsive-expressive-mobile-xl: 10rem;
88
- --db-spacing-responsive-expressive-mobile-2xl: 15rem;
89
- --db-spacing-responsive-expressive-mobile-3xl: 30rem;
90
- --db-spacing-fixed-regular-3xs: 0.125rem;
91
- --db-spacing-fixed-regular-2xs: 0.25rem;
92
- --db-spacing-fixed-regular-xs: 0.5rem;
93
- --db-spacing-fixed-regular-sm: 0.75rem;
94
- --db-spacing-fixed-regular-md: 1rem;
95
- --db-spacing-fixed-regular-lg: 1.5rem;
96
- --db-spacing-fixed-regular-xl: 2rem;
97
- --db-spacing-fixed-regular-2xl: 3rem;
98
- --db-spacing-fixed-regular-3xl: 5rem;
99
- --db-spacing-fixed-functional-3xs: 0.125rem;
100
- --db-spacing-fixed-functional-2xs: 0.25rem;
101
- --db-spacing-fixed-functional-xs: 0.375rem;
102
- --db-spacing-fixed-functional-sm: 0.5rem;
103
- --db-spacing-fixed-functional-md: 0.75rem;
104
- --db-spacing-fixed-functional-lg: 1rem;
105
- --db-spacing-fixed-functional-xl: 1.5rem;
106
- --db-spacing-fixed-functional-2xl: 2rem;
107
- --db-spacing-fixed-functional-3xl: 3rem;
108
- --db-spacing-fixed-expressive-3xs: 0.25rem;
109
- --db-spacing-fixed-expressive-2xs: 0.5rem;
110
- --db-spacing-fixed-expressive-xs: 0.75rem;
111
- --db-spacing-fixed-expressive-sm: 1rem;
112
- --db-spacing-fixed-expressive-md: 1.5rem;
113
- --db-spacing-fixed-expressive-lg: 2rem;
114
- --db-spacing-fixed-expressive-xl: 3rem;
115
- --db-spacing-fixed-expressive-2xl: 5rem;
116
- --db-spacing-fixed-expressive-3xl: 7.5rem;
117
- --db-sizing-regular-3xl: 15rem;
118
- --db-sizing-regular-2xl: 10rem;
119
- --db-sizing-regular-xl: 6rem;
120
- --db-sizing-regular-lg: 4rem;
121
- --db-sizing-regular-md: 2.5rem;
122
- --db-sizing-regular-sm: 1.5rem;
123
- --db-sizing-regular-xs: 1rem;
124
- --db-sizing-regular-2xs: 0.75rem;
125
- --db-sizing-regular-3xs: 0.5rem;
126
- --db-sizing-functional-3xs: 0.375rem;
127
- --db-sizing-functional-2xs: 0.625rem;
128
- --db-sizing-functional-xs: 0.875rem;
129
- --db-sizing-functional-sm: 1.25rem;
130
- --db-sizing-functional-md: 2rem;
131
- --db-sizing-functional-lg: 3rem;
132
- --db-sizing-functional-xl: 5rem;
133
- --db-sizing-functional-2xl: 7.5rem;
134
- --db-sizing-functional-3xl: 10rem;
135
- --db-sizing-expressive-3xs: 0.625rem;
136
- --db-sizing-expressive-2xs: 0.875rem;
137
- --db-sizing-expressive-xs: 1.25rem;
138
- --db-sizing-expressive-sm: 1.75rem;
139
- --db-sizing-expressive-md: 3rem;
140
- --db-sizing-expressive-lg: 5rem;
141
- --db-sizing-expressive-xl: 7.5rem;
142
- --db-sizing-expressive-2xl: 15rem;
143
- --db-sizing-expressive-3xl: 30rem;
144
- --db-typography-regular-desktop-headline-3xl-line-height: 1.2;
145
- --db-typography-regular-desktop-headline-3xl-font-size: 5rem;
146
- --db-base-icon-weight-regular-desktop-headline-3xl: 96;
147
- --db-base-icon-font-size-regular-desktop-headline-3xl: 6rem;
148
- --db-typography-regular-desktop-headline-2xl-line-height: 1.25;
149
- --db-typography-regular-desktop-headline-2xl-font-size: 4rem;
150
- --db-base-icon-weight-regular-desktop-headline-2xl: 80;
151
- --db-base-icon-font-size-regular-desktop-headline-2xl: 5rem;
152
- --db-typography-regular-desktop-headline-xl-line-height: 1.3333333333333333;
153
- --db-typography-regular-desktop-headline-xl-font-size: 3rem;
154
- --db-base-icon-weight-regular-desktop-headline-xl: 64;
155
- --db-base-icon-font-size-regular-desktop-headline-xl: 4rem;
156
- --db-typography-regular-desktop-headline-lg-line-height: 1.2;
157
- --db-typography-regular-desktop-headline-lg-font-size: 2.5rem;
158
- --db-base-icon-weight-regular-desktop-headline-lg: 48;
159
- --db-base-icon-font-size-regular-desktop-headline-lg: 3rem;
160
- --db-typography-regular-desktop-headline-md-line-height: 1.25;
161
- --db-typography-regular-desktop-headline-md-font-size: 2rem;
162
- --db-base-icon-weight-regular-desktop-headline-md: 40;
163
- --db-base-icon-font-size-regular-desktop-headline-md: 2.5rem;
164
- --db-typography-regular-desktop-headline-sm-line-height: 1.1428571428571428;
165
- --db-typography-regular-desktop-headline-sm-font-size: 1.75rem;
166
- --db-base-icon-weight-regular-desktop-headline-sm: 32;
167
- --db-base-icon-font-size-regular-desktop-headline-sm: 2rem;
168
- --db-typography-regular-desktop-headline-2xs-line-height: 1.2;
169
- --db-typography-regular-desktop-headline-2xs-font-size: 1.25rem;
170
- --db-base-icon-weight-regular-desktop-headline-2xs: 24;
171
- --db-base-icon-font-size-regular-desktop-headline-2xs: 1.5rem;
172
- --db-typography-regular-desktop-headline-3xs-line-height: 1.25;
173
- --db-typography-regular-desktop-headline-3xs-font-size: 1rem;
174
- --db-base-icon-weight-regular-desktop-headline-3xs: 20;
175
- --db-base-icon-font-size-regular-desktop-headline-3xs: 1.25rem;
176
- --db-typography-regular-desktop-headline-xs-line-height: 1.1666666666666667;
177
- --db-typography-regular-desktop-headline-xs-font-size: 1.5rem;
178
- --db-base-icon-weight-regular-desktop-headline-xs: 28;
179
- --db-base-icon-font-size-regular-desktop-headline-xs: 1.75rem;
180
- --db-typography-regular-desktop-body-lg-line-height: 1.4;
181
- --db-typography-regular-desktop-body-lg-font-size: 1.25rem;
182
- --db-base-icon-weight-regular-desktop-body-lg: 28;
183
- --db-base-icon-font-size-regular-desktop-body-lg: 1.75rem;
184
- --db-typography-regular-desktop-body-xl-line-height: 1.3333333333333333;
185
- --db-typography-regular-desktop-body-xl-font-size: 1.5rem;
186
- --db-base-icon-weight-regular-desktop-body-xl: 32;
187
- --db-base-icon-font-size-regular-desktop-body-xl: 2rem;
188
- --db-typography-regular-desktop-body-2xl-line-height: 1.4285714285714286;
189
- --db-typography-regular-desktop-body-2xl-font-size: 1.75rem;
190
- --db-base-icon-weight-regular-desktop-body-2xl: 40;
191
- --db-base-icon-font-size-regular-desktop-body-2xl: 2.5rem;
192
- --db-typography-regular-desktop-body-3xl-line-height: 1.5;
193
- --db-typography-regular-desktop-body-3xl-font-size: 2rem;
194
- --db-base-icon-weight-regular-desktop-3xl: 48;
195
- --db-base-icon-font-size-regular-desktop-3xl: 3rem;
196
- --db-typography-regular-desktop-body-md-line-height: 1.5;
197
- --db-typography-regular-desktop-body-md-font-size: 1rem;
198
- --db-base-icon-weight-regular-desktop-body-md: 24;
199
- --db-base-icon-font-size-regular-desktop-body-md: 1.5rem;
200
- --db-typography-regular-desktop-body-sm-line-height: 1.4285714285714286;
201
- --db-typography-regular-desktop-body-sm-font-size: 0.875rem;
202
- --db-base-icon-weight-regular-desktop-body-sm: 20;
203
- --db-base-icon-font-size-regular-desktop-body-sm: 1.25rem;
204
- --db-typography-regular-desktop-body-2xs-line-height: 1.4;
205
- --db-typography-regular-desktop-body-2xs-font-size: 0.625rem;
206
- --db-base-icon-weight-regular-desktop-body-2xs: 14;
207
- --db-base-icon-font-size-regular-desktop-body-2xs: 0.875rem;
208
- --db-typography-regular-desktop-body-3xs-line-height: 1.4;
209
- --db-typography-regular-desktop-body-3xs-font-size: 0.625rem;
210
- --db-base-icon-weight-regular-desktop-3xs: 14;
211
- --db-base-icon-font-size-regular-desktop-3xs: 0.875rem;
212
- --db-typography-regular-desktop-body-xs-line-height: 1.3333333333333333;
213
- --db-typography-regular-desktop-body-xs-font-size: 0.75rem;
214
- --db-base-icon-weight-regular-desktop-body-xs: 16;
215
- --db-base-icon-font-size-regular-desktop-body-xs: 1rem;
216
- --db-typography-regular-mobile-body-lg-line-height: 1.4;
217
- --db-typography-regular-mobile-body-lg-font-size: 1.25rem;
218
- --db-base-icon-weight-regular-mobile-body-lg: 28;
219
- --db-base-icon-font-size-regular-mobile-body-lg: 1.75rem;
220
- --db-typography-regular-mobile-body-md-line-height: 1.5;
221
- --db-typography-regular-mobile-body-md-font-size: 1rem;
222
- --db-base-icon-weight-regular-mobile-body-md: 24;
223
- --db-base-icon-font-size-regular-mobile-body-md: 1.5rem;
224
- --db-typography-regular-mobile-body-sm-line-height: 1.4285714285714286;
225
- --db-typography-regular-mobile-body-sm-font-size: 0.875rem;
226
- --db-base-icon-weight-regular-mobile-body-sm: 20;
227
- --db-base-icon-font-size-regular-mobile-body-sm: 1.25rem;
228
- --db-typography-regular-mobile-body-xl-line-height: 1.4;
229
- --db-typography-regular-mobile-body-xl-font-size: 1.25rem;
230
- --db-base-icon-weight-regular-mobile-body-xl: 28;
231
- --db-base-icon-font-size-regular-mobile-body-xl: 1.75rem;
232
- --db-typography-regular-mobile-body-xs-line-height: 1.3333333333333333;
233
- --db-typography-regular-mobile-body-xs-font-size: 0.75rem;
234
- --db-base-icon-weight-regular-mobile-body-xs: 16;
235
- --db-base-icon-font-size-regular-mobile-body-xs: 1rem;
236
- --db-typography-regular-mobile-body-2xl-line-height: 1.4;
237
- --db-typography-regular-mobile-body-2xl-font-size: 1.25rem;
238
- --db-base-icon-weight-regular-mobile-body-2xl: 28;
239
- --db-base-icon-font-size-regular-mobile-body-2xl: 1.75rem;
240
- --db-typography-regular-mobile-body-3xl-line-height: 1.4;
241
- --db-typography-regular-mobile-body-3xl-font-size: 1.25rem;
242
- --db-base-icon-weight-regular-mobile-3xl: 28;
243
- --db-base-icon-font-size-regular-mobile-3xl: 1.75rem;
244
- --db-typography-regular-mobile-body-2xs-line-height: 1.4;
245
- --db-typography-regular-mobile-body-2xs-font-size: 0.625rem;
246
- --db-base-icon-weight-regular-mobile-body-2xs: 14;
247
- --db-base-icon-font-size-regular-mobile-body-2xs: 0.875rem;
248
- --db-typography-regular-mobile-body-3xs-line-height: 1.4;
249
- --db-typography-regular-mobile-body-3xs-font-size: 0.625rem;
250
- --db-base-icon-weight-regular-mobile-3xs: 14;
251
- --db-base-icon-font-size-regular-mobile-3xs: 0.875rem;
252
- --db-typography-regular-mobile-headline-lg-line-height: 1.1428571428571428;
253
- --db-typography-regular-mobile-headline-lg-font-size: 1.75rem;
254
- --db-base-icon-weight-regular-mobile-headline-lg: 32;
255
- --db-base-icon-font-size-regular-mobile-headline-lg: 2rem;
256
- --db-typography-regular-mobile-headline-md-line-height: 1.1666666666666667;
257
- --db-typography-regular-mobile-headline-md-font-size: 1.5rem;
258
- --db-base-icon-weight-regular-mobile-headline-md: 28;
259
- --db-base-icon-font-size-regular-mobile-headline-md: 1.75rem;
260
- --db-typography-regular-mobile-headline-sm-line-height: 1.2;
261
- --db-typography-regular-mobile-headline-sm-font-size: 1.25rem;
262
- --db-base-icon-weight-regular-mobile-headline-sm: 24;
263
- --db-base-icon-font-size-regular-mobile-headline-sm: 1.5rem;
264
- --db-typography-regular-mobile-headline-xl-line-height: 1.25;
265
- --db-typography-regular-mobile-headline-xl-font-size: 2rem;
266
- --db-base-icon-weight-regular-mobile-headline-xl: 40;
267
- --db-base-icon-font-size-regular-mobile-headline-xl: 2.5rem;
268
- --db-typography-regular-mobile-headline-xs-line-height: 1.25;
269
- --db-typography-regular-mobile-headline-xs-font-size: 1rem;
270
- --db-base-icon-weight-regular-mobile-headline-xs: 20;
271
- --db-base-icon-font-size-regular-mobile-headline-xs: 1.25rem;
272
- --db-typography-regular-mobile-headline-2xl-line-height: 1.25;
273
- --db-typography-regular-mobile-headline-2xl-font-size: 2rem;
274
- --db-base-icon-weight-regular-mobile-headline-2xl: 40;
275
- --db-base-icon-font-size-regular-mobile-headline-2xl: 2.5rem;
276
- --db-typography-regular-mobile-headline-2xs-line-height: 1.1428571428571428;
277
- --db-typography-regular-mobile-headline-2xs-font-size: 0.875rem;
278
- --db-base-icon-weight-regular-mobile-headline-2xs: 16;
279
- --db-base-icon-font-size-regular-mobile-headline-2xs: 1rem;
280
- --db-typography-regular-mobile-headline-3xl-line-height: 1.25;
281
- --db-typography-regular-mobile-headline-3xl-font-size: 2rem;
282
- --db-base-icon-weight-regular-mobile-headline-3xl: 40;
283
- --db-base-icon-font-size-regular-mobile-headline-3xl: 2.5rem;
284
- --db-typography-regular-mobile-headline-3xs-line-height: 1.1428571428571428;
285
- --db-typography-regular-mobile-headline-3xs-font-size: 0.875rem;
286
- --db-base-icon-weight-regular-mobile-headline-3xs: 16;
287
- --db-base-icon-font-size-regular-mobile-headline-3xs: 1rem;
288
- --db-typography-regular-tablet-body-lg-line-height: 1.4;
289
- --db-typography-regular-tablet-body-lg-font-size: 1.25rem;
290
- --db-base-icon-weight-regular-tablet-body-lg: 28;
291
- --db-base-icon-font-size-regular-tablet-body-lg: 1.75rem;
292
- --db-typography-regular-tablet-body-md-line-height: 1.5;
293
- --db-typography-regular-tablet-body-md-font-size: 1rem;
294
- --db-base-icon-weight-regular-tablet-body-md: 24;
295
- --db-base-icon-font-size-regular-tablet-body-md: 1.5rem;
296
- --db-typography-regular-tablet-body-sm-line-height: 1.4285714285714286;
297
- --db-typography-regular-tablet-body-sm-font-size: 0.875rem;
298
- --db-base-icon-weight-regular-tablet-body-sm: 20;
299
- --db-base-icon-font-size-regular-tablet-body-sm: 1.25rem;
300
- --db-typography-regular-tablet-body-xl-line-height: 1.3333333333333333;
301
- --db-typography-regular-tablet-body-xl-font-size: 1.5rem;
302
- --db-base-icon-weight-regular-tablet-body-xl: 32;
303
- --db-base-icon-font-size-regular-tablet-body-xl: 2rem;
304
- --db-typography-regular-tablet-body-xs-line-height: 1.3333333333333333;
305
- --db-typography-regular-tablet-body-xs-font-size: 0.75rem;
306
- --db-base-icon-weight-regular-tablet-body-xs: 16;
307
- --db-base-icon-font-size-regular-tablet-body-xs: 1rem;
308
- --db-typography-regular-tablet-body-2xl-line-height: 1.4285714285714286;
309
- --db-typography-regular-tablet-body-2xl-font-size: 1.75rem;
310
- --db-base-icon-weight-regular-tablet-body-2xl: 40;
311
- --db-base-icon-font-size-regular-tablet-body-2xl: 2.5rem;
312
- --db-typography-regular-tablet-body-3xl-line-height: 1.5;
313
- --db-typography-regular-tablet-body-3xl-font-size: 2rem;
314
- --db-base-icon-weight-regular-tablet-3xl: 48;
315
- --db-base-icon-font-size-regular-tablet-3xl: 3rem;
316
- --db-typography-regular-tablet-body-2xs-line-height: 1.4;
317
- --db-typography-regular-tablet-body-2xs-font-size: 0.625rem;
318
- --db-base-icon-weight-regular-tablet-body-2xs: 14;
319
- --db-base-icon-font-size-regular-tablet-body-2xs: 0.875rem;
320
- --db-typography-regular-tablet-body-3xs-line-height: 1.4;
321
- --db-typography-regular-tablet-body-3xs-font-size: 0.625rem;
322
- --db-base-icon-weight-regular-tablet-3xs: 14;
323
- --db-base-icon-font-size-regular-tablet-3xs: 0.875rem;
324
- --db-typography-regular-tablet-headline-lg-line-height: 1.25;
325
- --db-typography-regular-tablet-headline-lg-font-size: 2rem;
326
- --db-base-icon-weight-regular-tablet-headline-lg: 40;
327
- --db-base-icon-font-size-regular-tablet-headline-lg: 2.5rem;
328
- --db-typography-regular-tablet-headline-md-line-height: 1.1428571428571428;
329
- --db-typography-regular-tablet-headline-md-font-size: 1.75rem;
330
- --db-base-icon-weight-regular-tablet-headline-md: 32;
331
- --db-base-icon-font-size-regular-tablet-headline-md: 2rem;
332
- --db-typography-regular-tablet-headline-sm-line-height: 1.1666666666666667;
333
- --db-typography-regular-tablet-headline-sm-font-size: 1.5rem;
334
- --db-base-icon-weight-regular-tablet-headline-sm: 28;
335
- --db-base-icon-font-size-regular-tablet-headline-sm: 1.75rem;
336
- --db-typography-regular-tablet-headline-xl-line-height: 1.2;
337
- --db-typography-regular-tablet-headline-xl-font-size: 2.5rem;
338
- --db-base-icon-weight-regular-tablet-headline-xl: 48;
339
- --db-base-icon-font-size-regular-tablet-headline-xl: 3rem;
340
- --db-typography-regular-tablet-headline-xs-line-height: 1.2;
341
- --db-typography-regular-tablet-headline-xs-font-size: 1.25rem;
342
- --db-base-icon-weight-regular-tablet-headline-xs: 24;
343
- --db-base-icon-font-size-regular-tablet-headline-xs: 1.5rem;
344
- --db-typography-regular-tablet-headline-2xl-line-height: 1.3333333333333333;
345
- --db-typography-regular-tablet-headline-2xl-font-size: 3rem;
346
- --db-base-icon-weight-regular-tablet-headline-2xl: 64;
347
- --db-base-icon-font-size-regular-tablet-headline-2xl: 4rem;
348
- --db-typography-regular-tablet-headline-2xs-line-height: 1.25;
349
- --db-typography-regular-tablet-headline-2xs-font-size: 1rem;
350
- --db-base-icon-weight-regular-tablet-headline-2xs: 20;
351
- --db-base-icon-font-size-regular-tablet-headline-2xs: 1.25rem;
352
- --db-typography-regular-tablet-headline-3xl-line-height: 1.3333333333333333;
353
- --db-typography-regular-tablet-headline-3xl-font-size: 3rem;
354
- --db-base-icon-weight-regular-tablet-headline-3xl: 64;
355
- --db-base-icon-font-size-regular-tablet-headline-3xl: 4rem;
356
- --db-typography-regular-tablet-headline-3xs-line-height: 1.25;
357
- --db-typography-regular-tablet-headline-3xs-font-size: 1rem;
358
- --db-base-icon-weight-regular-tablet-headline-3xs: 20;
359
- --db-base-icon-font-size-regular-tablet-headline-3xs: 1.25rem;
360
- --db-typography-functional-desktop-body-lg-line-height: 1.5;
361
- --db-typography-functional-desktop-body-lg-font-size: 1rem;
362
- --db-base-icon-weight-functional-desktop-body-lg: 24;
363
- --db-base-icon-font-size-functional-desktop-body-lg: 1.5rem;
364
- --db-typography-functional-desktop-body-md-line-height: 1.4285714285714286;
365
- --db-typography-functional-desktop-body-md-font-size: 0.875rem;
366
- --db-base-icon-weight-functional-desktop-body-md: 20;
367
- --db-base-icon-font-size-functional-desktop-body-md: 1.25rem;
368
- --db-typography-functional-desktop-body-sm-line-height: 1.3333333333333333;
369
- --db-typography-functional-desktop-body-sm-font-size: 0.75rem;
370
- --db-base-icon-weight-functional-desktop-body-sm: 16;
371
- --db-base-icon-font-size-functional-desktop-body-sm: 1rem;
372
- --db-typography-functional-desktop-body-xl-line-height: 1.4;
373
- --db-typography-functional-desktop-body-xl-font-size: 1.25rem;
374
- --db-base-icon-weight-functional-desktop-body-xl: 28;
375
- --db-base-icon-font-size-functional-desktop-body-xl: 1.75rem;
376
- --db-typography-functional-desktop-body-xs-line-height: 1.4;
377
- --db-typography-functional-desktop-body-xs-font-size: 0.625rem;
378
- --db-base-icon-weight-functional-desktop-body-xs: 14;
379
- --db-base-icon-font-size-functional-desktop-body-xs: 0.875rem;
380
- --db-typography-functional-desktop-body-2xl-line-height: 1.3333333333333333;
381
- --db-typography-functional-desktop-body-2xl-font-size: 1.5rem;
382
- --db-base-icon-weight-functional-desktop-body-2xl: 32;
383
- --db-base-icon-font-size-functional-desktop-body-2xl: 2rem;
384
- --db-typography-functional-desktop-body-3xl-line-height: 1.4285714285714286;
385
- --db-typography-functional-desktop-body-3xl-font-size: 1.75rem;
386
- --db-base-icon-weight-functional-desktop-3xl: 40;
387
- --db-base-icon-font-size-functional-desktop-3xl: 2.5rem;
388
- --db-typography-functional-desktop-body-2xs-line-height: 1.4;
389
- --db-typography-functional-desktop-body-2xs-font-size: 0.625rem;
390
- --db-base-icon-weight-functional-desktop-body-2xs: 14;
391
- --db-base-icon-font-size-functional-desktop-body-2xs: 0.875rem;
392
- --db-typography-functional-desktop-body-3xs-line-height: 1.4;
393
- --db-typography-functional-desktop-body-3xs-font-size: 0.625rem;
394
- --db-base-icon-weight-functional-desktop-3xs: 14;
395
- --db-base-icon-font-size-functional-desktop-3xs: 0.875rem;
396
- --db-typography-functional-desktop-headline-lg-line-height: 1.1428571428571428;
397
- --db-typography-functional-desktop-headline-lg-font-size: 1.75rem;
398
- --db-base-icon-weight-functional-desktop-headline-lg: 32;
399
- --db-base-icon-font-size-functional-desktop-headline-lg: 2rem;
400
- --db-typography-functional-desktop-headline-md-line-height: 1.1666666666666667;
401
- --db-typography-functional-desktop-headline-md-font-size: 1.5rem;
402
- --db-base-icon-weight-functional-desktop-headline-md: 28;
403
- --db-base-icon-font-size-functional-desktop-headline-md: 1.75rem;
404
- --db-typography-functional-desktop-headline-sm-line-height: 1.2;
405
- --db-typography-functional-desktop-headline-sm-font-size: 1.25rem;
406
- --db-base-icon-weight-functional-desktop-headline-sm: 24;
407
- --db-base-icon-font-size-functional-desktop-headline-sm: 1.5rem;
408
- --db-typography-functional-desktop-headline-xl-line-height: 1.25;
409
- --db-typography-functional-desktop-headline-xl-font-size: 2rem;
410
- --db-base-icon-weight-functional-desktop-headline-xl: 40;
411
- --db-base-icon-font-size-functional-desktop-headline-xl: 2.5rem;
412
- --db-typography-functional-desktop-headline-xs-line-height: 1.25;
413
- --db-typography-functional-desktop-headline-xs-font-size: 1rem;
414
- --db-base-icon-weight-functional-desktop-headline-xs: 20;
415
- --db-base-icon-font-size-functional-desktop-headline-xs: 1.25rem;
416
- --db-typography-functional-desktop-headline-2xl-line-height: 1.2;
417
- --db-typography-functional-desktop-headline-2xl-font-size: 2.5rem;
418
- --db-base-icon-weight-functional-desktop-headline-2xl: 48;
419
- --db-base-icon-font-size-functional-desktop-headline-2xl: 3rem;
420
- --db-typography-functional-desktop-headline-2xs-line-height: 1.1428571428571428;
421
- --db-typography-functional-desktop-headline-2xs-font-size: 0.875rem;
422
- --db-base-icon-weight-functional-desktop-headline-2xs: 16;
423
- --db-base-icon-font-size-functional-desktop-headline-2xs: 1rem;
424
- --db-typography-functional-desktop-headline-3xl-line-height: 1.2;
425
- --db-typography-functional-desktop-headline-3xl-font-size: 2.5rem;
426
- --db-base-icon-weight-functional-desktop-headline-3xl: 48;
427
- --db-base-icon-font-size-functional-desktop-headline-3xl: 3rem;
428
- --db-typography-functional-desktop-headline-3xs-line-height: 1.1428571428571428;
429
- --db-typography-functional-desktop-headline-3xs-font-size: 0.875rem;
430
- --db-base-icon-weight-functional-desktop-headline-3xs: 16;
431
- --db-base-icon-font-size-functional-desktop-headline-3xs: 1rem;
432
- --db-typography-functional-tablet-body-lg-line-height: 1.5;
433
- --db-typography-functional-tablet-body-lg-font-size: 1rem;
434
- --db-base-icon-weight-functional-tablet-body-lg: 24;
435
- --db-base-icon-font-size-functional-tablet-body-lg: 1.5rem;
436
- --db-typography-functional-tablet-body-md-line-height: 1.4285714285714286;
437
- --db-typography-functional-tablet-body-md-font-size: 0.875rem;
438
- --db-base-icon-weight-functional-tablet-body-md: 20;
439
- --db-base-icon-font-size-functional-tablet-body-md: 1.25rem;
440
- --db-typography-functional-tablet-body-sm-line-height: 1.3333333333333333;
441
- --db-typography-functional-tablet-body-sm-font-size: 0.75rem;
442
- --db-base-icon-weight-functional-tablet-body-sm: 16;
443
- --db-base-icon-font-size-functional-tablet-body-sm: 1rem;
444
- --db-typography-functional-tablet-body-xl-line-height: 1.4;
445
- --db-typography-functional-tablet-body-xl-font-size: 1.25rem;
446
- --db-base-icon-weight-functional-tablet-body-xl: 28;
447
- --db-base-icon-font-size-functional-tablet-body-xl: 1.75rem;
448
- --db-typography-functional-tablet-body-xs-line-height: 1.4;
449
- --db-typography-functional-tablet-body-xs-font-size: 0.625rem;
450
- --db-base-icon-weight-functional-tablet-body-xs: 14;
451
- --db-base-icon-font-size-functional-tablet-body-xs: 0.875rem;
452
- --db-typography-functional-tablet-body-2xl-line-height: 1.3333333333333333;
453
- --db-typography-functional-tablet-body-2xl-font-size: 1.5rem;
454
- --db-base-icon-weight-functional-tablet-body-2xl: 32;
455
- --db-base-icon-font-size-functional-tablet-body-2xl: 2rem;
456
- --db-typography-functional-tablet-body-3xl-line-height: 1.4285714285714286;
457
- --db-typography-functional-tablet-body-3xl-font-size: 1.75rem;
458
- --db-base-icon-weight-functional-tablet-3xl: 40;
459
- --db-base-icon-font-size-functional-tablet-3xl: 2.5rem;
460
- --db-typography-functional-tablet-body-2xs-line-height: 1.4;
461
- --db-typography-functional-tablet-body-2xs-font-size: 0.625rem;
462
- --db-base-icon-weight-functional-tablet-body-2xs: 14;
463
- --db-base-icon-font-size-functional-tablet-body-2xs: 0.875rem;
464
- --db-typography-functional-tablet-body-3xs-line-height: 1.4;
465
- --db-typography-functional-tablet-body-3xs-font-size: 0.625rem;
466
- --db-base-icon-weight-functional-tablet-3xs: 14;
467
- --db-base-icon-font-size-functional-tablet-3xs: 0.875rem;
468
- --db-typography-functional-tablet-headline-lg-line-height: 1.1428571428571428;
469
- --db-typography-functional-tablet-headline-lg-font-size: 1.75rem;
470
- --db-base-icon-weight-functional-tablet-headline-lg: 32;
471
- --db-base-icon-font-size-functional-tablet-headline-lg: 2rem;
472
- --db-typography-functional-tablet-headline-md-line-height: 1.1666666666666667;
473
- --db-typography-functional-tablet-headline-md-font-size: 1.5rem;
474
- --db-base-icon-weight-functional-tablet-headline-md: 28;
475
- --db-base-icon-font-size-functional-tablet-headline-md: 1.75rem;
476
- --db-typography-functional-tablet-headline-sm-line-height: 1.2;
477
- --db-typography-functional-tablet-headline-sm-font-size: 1.25rem;
478
- --db-base-icon-weight-functional-tablet-headline-sm: 24;
479
- --db-base-icon-font-size-functional-tablet-headline-sm: 1.5rem;
480
- --db-typography-functional-tablet-headline-xl-line-height: 1.25;
481
- --db-typography-functional-tablet-headline-xl-font-size: 2rem;
482
- --db-base-icon-weight-functional-tablet-headline-xl: 40;
483
- --db-base-icon-font-size-functional-tablet-headline-xl: 2.5rem;
484
- --db-typography-functional-tablet-headline-xs-line-height: 1.25;
485
- --db-typography-functional-tablet-headline-xs-font-size: 1rem;
486
- --db-base-icon-weight-functional-tablet-headline-xs: 20;
487
- --db-base-icon-font-size-functional-tablet-headline-xs: 1.25rem;
488
- --db-typography-functional-tablet-headline-2xl-line-height: 1.25;
489
- --db-typography-functional-tablet-headline-2xl-font-size: 2rem;
490
- --db-base-icon-weight-functional-tablet-headline-2xl: 40;
491
- --db-base-icon-font-size-functional-tablet-headline-2xl: 2.5rem;
492
- --db-typography-functional-tablet-headline-2xs-line-height: 1.1428571428571428;
493
- --db-typography-functional-tablet-headline-2xs-font-size: 0.875rem;
494
- --db-base-icon-weight-functional-tablet-headline-2xs: 16;
495
- --db-base-icon-font-size-functional-tablet-headline-2xs: 1rem;
496
- --db-typography-functional-tablet-headline-3xl-line-height: 1.25;
497
- --db-typography-functional-tablet-headline-3xl-font-size: 2rem;
498
- --db-base-icon-weight-functional-tablet-headline-3xl: 40;
499
- --db-base-icon-font-size-functional-tablet-headline-3xl: 2.5rem;
500
- --db-typography-functional-tablet-headline-3xs-line-height: 1.1428571428571428;
501
- --db-typography-functional-tablet-headline-3xs-font-size: 0.875rem;
502
- --db-base-icon-weight-functional-tablet-headline-3xs: 16;
503
- --db-base-icon-font-size-functional-tablet-headline-3xs: 1rem;
504
- --db-typography-functional-mobile-body-lg-line-height: 1.5;
505
- --db-typography-functional-mobile-body-lg-font-size: 1rem;
506
- --db-base-icon-weight-functional-mobile-body-lg: 24;
507
- --db-base-icon-font-size-functional-mobile-body-lg: 1.5rem;
508
- --db-typography-functional-mobile-body-md-line-height: 1.4285714285714286;
509
- --db-typography-functional-mobile-body-md-font-size: 0.875rem;
510
- --db-base-icon-weight-functional-mobile-body-md: 20;
511
- --db-base-icon-font-size-functional-mobile-body-md: 1.25rem;
512
- --db-typography-functional-mobile-body-sm-line-height: 1.3333333333333333;
513
- --db-typography-functional-mobile-body-sm-font-size: 0.75rem;
514
- --db-base-icon-weight-functional-mobile-body-sm: 16;
515
- --db-base-icon-font-size-functional-mobile-body-sm: 1rem;
516
- --db-typography-functional-mobile-body-xl-line-height: 1.5;
517
- --db-typography-functional-mobile-body-xl-font-size: 1rem;
518
- --db-base-icon-weight-functional-mobile-body-xl: 24;
519
- --db-base-icon-font-size-functional-mobile-body-xl: 1.5rem;
520
- --db-typography-functional-mobile-body-xs-line-height: 1.4;
521
- --db-typography-functional-mobile-body-xs-font-size: 0.625rem;
522
- --db-base-icon-weight-functional-mobile-body-xs: 14;
523
- --db-base-icon-font-size-functional-mobile-body-xs: 0.875rem;
524
- --db-typography-functional-mobile-body-2xl-line-height: 1.5;
525
- --db-typography-functional-mobile-body-2xl-font-size: 1rem;
526
- --db-base-icon-weight-functional-mobile-body-2xl: 24;
527
- --db-base-icon-font-size-functional-mobile-body-2xl: 1.5rem;
528
- --db-typography-functional-mobile-body-3xl-line-height: 1.5;
529
- --db-typography-functional-mobile-body-3xl-font-size: 1rem;
530
- --db-base-icon-weight-functional-mobile-3xl: 24;
531
- --db-base-icon-font-size-functional-mobile-3xl: 1.5rem;
532
- --db-typography-functional-mobile-body-2xs-line-height: 1.4;
533
- --db-typography-functional-mobile-body-2xs-font-size: 0.625rem;
534
- --db-base-icon-weight-functional-mobile-body-2xs: 14;
535
- --db-base-icon-font-size-functional-mobile-body-2xs: 0.875rem;
536
- --db-typography-functional-mobile-body-3xs-line-height: 1.4;
537
- --db-typography-functional-mobile-body-3xs-font-size: 0.625rem;
538
- --db-base-icon-weight-functional-mobile-3xs: 14;
539
- --db-base-icon-font-size-functional-mobile-3xs: 0.875rem;
540
- --db-typography-functional-mobile-headline-lg-line-height: 1.1666666666666667;
541
- --db-typography-functional-mobile-headline-lg-font-size: 1.5rem;
542
- --db-base-icon-weight-functional-mobile-headline-lg: 28;
543
- --db-base-icon-font-size-functional-mobile-headline-lg: 1.75rem;
544
- --db-typography-functional-mobile-headline-md-line-height: 1.2;
545
- --db-typography-functional-mobile-headline-md-font-size: 1.25rem;
546
- --db-base-icon-weight-functional-mobile-headline-md: 24;
547
- --db-base-icon-font-size-functional-mobile-headline-md: 1.5rem;
548
- --db-typography-functional-mobile-headline-sm-line-height: 1.25;
549
- --db-typography-functional-mobile-headline-sm-font-size: 1rem;
550
- --db-base-icon-weight-functional-mobile-headline-sm: 20;
551
- --db-base-icon-font-size-functional-mobile-headline-sm: 1.25rem;
552
- --db-typography-functional-mobile-headline-xl-line-height: 1.1428571428571428;
553
- --db-typography-functional-mobile-headline-xl-font-size: 1.75rem;
554
- --db-base-icon-weight-functional-mobile-headline-xl: 32;
555
- --db-base-icon-font-size-functional-mobile-headline-xl: 2rem;
556
- --db-typography-functional-mobile-headline-xs-line-height: 1.1428571428571428;
557
- --db-typography-functional-mobile-headline-xs-font-size: 0.875rem;
558
- --db-base-icon-weight-functional-mobile-headline-xs: 16;
559
- --db-base-icon-font-size-functional-mobile-headline-xs: 1rem;
560
- --db-typography-functional-mobile-headline-2xl-line-height: 1.1428571428571428;
561
- --db-typography-functional-mobile-headline-2xl-font-size: 1.75rem;
562
- --db-base-icon-weight-functional-mobile-headline-2xl: 32;
563
- --db-base-icon-font-size-functional-mobile-headline-2xl: 2rem;
564
- --db-typography-functional-mobile-headline-2xs-line-height: 1.1428571428571428;
565
- --db-typography-functional-mobile-headline-2xs-font-size: 0.875rem;
566
- --db-base-icon-weight-functional-mobile-headline-2xs: 16;
567
- --db-base-icon-font-size-functional-mobile-headline-2xs: 1rem;
568
- --db-typography-functional-mobile-headline-3xl-line-height: 1.1428571428571428;
569
- --db-typography-functional-mobile-headline-3xl-font-size: 1.75rem;
570
- --db-base-icon-weight-functional-mobile-headline-3xl: 32;
571
- --db-base-icon-font-size-functional-mobile-headline-3xl: 2rem;
572
- --db-typography-functional-mobile-headline-3xs-line-height: 1.1428571428571428;
573
- --db-typography-functional-mobile-headline-3xs-font-size: 0.875rem;
574
- --db-base-icon-weight-functional-mobile-headline-3xs: 16;
575
- --db-base-icon-font-size-functional-mobile-headline-3xs: 1rem;
576
- --db-typography-expressive-desktop-body-lg-line-height: 1.3333333333333333;
577
- --db-typography-expressive-desktop-body-lg-font-size: 1.5rem;
578
- --db-base-icon-weight-expressive-desktop-body-lg: 32;
579
- --db-base-icon-font-size-expressive-desktop-body-lg: 2rem;
580
- --db-typography-expressive-desktop-body-md-line-height: 1.4;
581
- --db-typography-expressive-desktop-body-md-font-size: 1.25rem;
582
- --db-base-icon-weight-expressive-desktop-body-md: 28;
583
- --db-base-icon-font-size-expressive-desktop-body-md: 1.75rem;
584
- --db-typography-expressive-desktop-body-sm-line-height: 1.5;
585
- --db-typography-expressive-desktop-body-sm-font-size: 1rem;
586
- --db-base-icon-weight-expressive-desktop-body-sm: 24;
587
- --db-base-icon-font-size-expressive-desktop-body-sm: 1.5rem;
588
- --db-typography-expressive-desktop-body-xl-line-height: 1.4285714285714286;
589
- --db-typography-expressive-desktop-body-xl-font-size: 1.75rem;
590
- --db-base-icon-weight-expressive-desktop-body-xl: 40;
591
- --db-base-icon-font-size-expressive-desktop-body-xl: 2.5rem;
592
- --db-typography-expressive-desktop-body-xs-line-height: 1.4285714285714286;
593
- --db-typography-expressive-desktop-body-xs-font-size: 0.875rem;
594
- --db-base-icon-weight-expressive-desktop-body-xs: 20;
595
- --db-base-icon-font-size-expressive-desktop-body-xs: 1.25rem;
596
- --db-typography-expressive-desktop-body-2xl-line-height: 1.5;
597
- --db-typography-expressive-desktop-body-2xl-font-size: 2rem;
598
- --db-base-icon-weight-expressive-desktop-body-2xl: 48;
599
- --db-base-icon-font-size-expressive-desktop-body-2xl: 3rem;
600
- --db-typography-expressive-desktop-body-3xl-line-height: 1.6;
601
- --db-typography-expressive-desktop-body-3xl-font-size: 2.5rem;
602
- --db-base-icon-weight-expressive-desktop-3xl: 64;
603
- --db-base-icon-font-size-expressive-desktop-3xl: 4rem;
604
- --db-typography-expressive-desktop-body-2xs-line-height: 1.3333333333333333;
605
- --db-typography-expressive-desktop-body-2xs-font-size: 0.75rem;
606
- --db-base-icon-weight-expressive-desktop-body-2xs: 16;
607
- --db-base-icon-font-size-expressive-desktop-body-2xs: 1rem;
608
- --db-typography-expressive-desktop-body-3xs-line-height: 1.4;
609
- --db-typography-expressive-desktop-body-3xs-font-size: 0.625rem;
610
- --db-base-icon-weight-expressive-desktop-3xs: 14;
611
- --db-base-icon-font-size-expressive-desktop-3xs: 0.875rem;
612
- --db-typography-expressive-desktop-headline-lg-line-height: 1.3333333333333333;
613
- --db-typography-expressive-desktop-headline-lg-font-size: 3rem;
614
- --db-base-icon-weight-expressive-desktop-headline-lg: 64;
615
- --db-base-icon-font-size-expressive-desktop-headline-lg: 4rem;
616
- --db-typography-expressive-desktop-headline-md-line-height: 1.2;
617
- --db-typography-expressive-desktop-headline-md-font-size: 2.5rem;
618
- --db-base-icon-weight-expressive-desktop-headline-md: 48;
619
- --db-base-icon-font-size-expressive-desktop-headline-md: 3rem;
620
- --db-typography-expressive-desktop-headline-sm-line-height: 1.25;
621
- --db-typography-expressive-desktop-headline-sm-font-size: 2rem;
622
- --db-base-icon-weight-expressive-desktop-headline-sm: 40;
623
- --db-base-icon-font-size-expressive-desktop-headline-sm: 2.5rem;
624
- --db-typography-expressive-desktop-headline-xl-line-height: 1.25;
625
- --db-typography-expressive-desktop-headline-xl-font-size: 4rem;
626
- --db-base-icon-weight-expressive-desktop-headline-xl: 80;
627
- --db-base-icon-font-size-expressive-desktop-headline-xl: 5rem;
628
- --db-typography-expressive-desktop-headline-xs-line-height: 1.1428571428571428;
629
- --db-typography-expressive-desktop-headline-xs-font-size: 1.75rem;
630
- --db-base-icon-weight-expressive-desktop-headline-xs: 32;
631
- --db-base-icon-font-size-expressive-desktop-headline-xs: 2rem;
632
- --db-typography-expressive-desktop-headline-2xl-line-height: 1.2;
633
- --db-typography-expressive-desktop-headline-2xl-font-size: 5rem;
634
- --db-base-icon-weight-expressive-desktop-headline-2xl: 96;
635
- --db-base-icon-font-size-expressive-desktop-headline-2xl: 6rem;
636
- --db-typography-expressive-desktop-headline-2xs-line-height: 1.1666666666666667;
637
- --db-typography-expressive-desktop-headline-2xs-font-size: 1.5rem;
638
- --db-base-icon-weight-expressive-desktop-headline-2xs: 28;
639
- --db-base-icon-font-size-expressive-desktop-headline-2xs: 1.75rem;
640
- --db-typography-expressive-desktop-headline-3xl-line-height: 1.25;
641
- --db-typography-expressive-desktop-headline-3xl-font-size: 6rem;
642
- --db-base-icon-weight-expressive-desktop-headline-3xl: 120;
643
- --db-base-icon-font-size-expressive-desktop-headline-3xl: 7.5rem;
644
- --db-typography-expressive-desktop-headline-3xs-line-height: 1.2;
645
- --db-typography-expressive-desktop-headline-3xs-font-size: 1.25rem;
646
- --db-base-icon-weight-expressive-desktop-headline-3xs: 24;
647
- --db-base-icon-font-size-expressive-desktop-headline-3xs: 1.5rem;
648
- --db-typography-expressive-tablet-body-lg-line-height: 1.3333333333333333;
649
- --db-typography-expressive-tablet-body-lg-font-size: 1.5rem;
650
- --db-base-icon-weight-expressive-tablet-body-lg: 32;
651
- --db-base-icon-font-size-expressive-tablet-body-lg: 2rem;
652
- --db-typography-expressive-tablet-body-md-line-height: 1.4;
653
- --db-typography-expressive-tablet-body-md-font-size: 1.25rem;
654
- --db-base-icon-weight-expressive-tablet-body-md: 28;
655
- --db-base-icon-font-size-expressive-tablet-body-md: 1.75rem;
656
- --db-typography-expressive-tablet-body-sm-line-height: 1.5;
657
- --db-typography-expressive-tablet-body-sm-font-size: 1rem;
658
- --db-base-icon-weight-expressive-tablet-body-sm: 24;
659
- --db-base-icon-font-size-expressive-tablet-body-sm: 1.5rem;
660
- --db-typography-expressive-tablet-body-xl-line-height: 1.4285714285714286;
661
- --db-typography-expressive-tablet-body-xl-font-size: 1.75rem;
662
- --db-base-icon-weight-expressive-tablet-body-xl: 40;
663
- --db-base-icon-font-size-expressive-tablet-body-xl: 2.5rem;
664
- --db-typography-expressive-tablet-body-xs-line-height: 1.4285714285714286;
665
- --db-typography-expressive-tablet-body-xs-font-size: 0.875rem;
666
- --db-base-icon-weight-expressive-tablet-body-xs: 20;
667
- --db-base-icon-font-size-expressive-tablet-body-xs: 1.25rem;
668
- --db-typography-expressive-tablet-body-2xl-line-height: 1.5;
669
- --db-typography-expressive-tablet-body-2xl-font-size: 2rem;
670
- --db-base-icon-weight-expressive-tablet-body-2xl: 48;
671
- --db-base-icon-font-size-expressive-tablet-body-2xl: 3rem;
672
- --db-typography-expressive-tablet-body-3xl-line-height: 1.6;
673
- --db-typography-expressive-tablet-body-3xl-font-size: 2.5rem;
674
- --db-base-icon-weight-expressive-tablet-3xl: 64;
675
- --db-base-icon-font-size-expressive-tablet-3xl: 4rem;
676
- --db-typography-expressive-tablet-body-2xs-line-height: 1.3333333333333333;
677
- --db-typography-expressive-tablet-body-2xs-font-size: 0.75rem;
678
- --db-base-icon-weight-expressive-tablet-body-2xs: 16;
679
- --db-base-icon-font-size-expressive-tablet-body-2xs: 1rem;
680
- --db-typography-expressive-tablet-body-3xs-line-height: 1.4;
681
- --db-typography-expressive-tablet-body-3xs-font-size: 0.625rem;
682
- --db-base-icon-weight-expressive-tablet-3xs: 14;
683
- --db-base-icon-font-size-expressive-tablet-3xs: 0.875rem;
684
- --db-typography-expressive-tablet-headline-lg-line-height: 1.2;
685
- --db-typography-expressive-tablet-headline-lg-font-size: 2.5rem;
686
- --db-base-icon-weight-expressive-tablet-headline-lg: 48;
687
- --db-base-icon-font-size-expressive-tablet-headline-lg: 3rem;
688
- --db-typography-expressive-tablet-headline-md-line-height: 1.25;
689
- --db-typography-expressive-tablet-headline-md-font-size: 2rem;
690
- --db-base-icon-weight-expressive-tablet-headline-md: 40;
691
- --db-base-icon-font-size-expressive-tablet-headline-md: 2.5rem;
692
- --db-typography-expressive-tablet-headline-sm-line-height: 1.1428571428571428;
693
- --db-typography-expressive-tablet-headline-sm-font-size: 1.75rem;
694
- --db-base-icon-weight-expressive-tablet-headline-sm: 32;
695
- --db-base-icon-font-size-expressive-tablet-headline-sm: 2rem;
696
- --db-typography-expressive-tablet-headline-xl-line-height: 1.3333333333333333;
697
- --db-typography-expressive-tablet-headline-xl-font-size: 3rem;
698
- --db-base-icon-weight-expressive-tablet-headline-xl: 64;
699
- --db-base-icon-font-size-expressive-tablet-headline-xl: 4rem;
700
- --db-typography-expressive-tablet-headline-xs-line-height: 1.1666666666666667;
701
- --db-typography-expressive-tablet-headline-xs-font-size: 1.5rem;
702
- --db-base-icon-weight-expressive-tablet-headline-xs: 28;
703
- --db-base-icon-font-size-expressive-tablet-headline-xs: 1.75rem;
704
- --db-typography-expressive-tablet-headline-2xl-line-height: 1.25;
705
- --db-typography-expressive-tablet-headline-2xl-font-size: 4rem;
706
- --db-base-icon-weight-expressive-tablet-headline-2xl: 80;
707
- --db-base-icon-font-size-expressive-tablet-headline-2xl: 5rem;
708
- --db-typography-expressive-tablet-headline-2xs-line-height: 1.2;
709
- --db-typography-expressive-tablet-headline-2xs-font-size: 1.25rem;
710
- --db-base-icon-weight-expressive-tablet-headline-2xs: 24;
711
- --db-base-icon-font-size-expressive-tablet-headline-2xs: 1.5rem;
712
- --db-typography-expressive-tablet-headline-3xl-line-height: 1.2;
713
- --db-typography-expressive-tablet-headline-3xl-font-size: 5rem;
714
- --db-base-icon-weight-expressive-tablet-headline-3xl: 96;
715
- --db-base-icon-font-size-expressive-tablet-headline-3xl: 6rem;
716
- --db-typography-expressive-tablet-headline-3xs-line-height: 1.2;
717
- --db-typography-expressive-tablet-headline-3xs-font-size: 1.25rem;
718
- --db-base-icon-weight-expressive-tablet-headline-3xs: 24;
719
- --db-base-icon-font-size-expressive-tablet-headline-3xs: 1.5rem;
720
- --db-typography-expressive-mobile-body-lg-line-height: 1.3333333333333333;
721
- --db-typography-expressive-mobile-body-lg-font-size: 1.5rem;
722
- --db-base-icon-weight-expressive-mobile-body-lg: 32;
723
- --db-base-icon-font-size-expressive-mobile-body-lg: 2rem;
724
- --db-typography-expressive-mobile-body-md-line-height: 1.4;
725
- --db-typography-expressive-mobile-body-md-font-size: 1.25rem;
726
- --db-base-icon-weight-expressive-mobile-body-md: 28;
727
- --db-base-icon-font-size-expressive-mobile-body-md: 1.75rem;
728
- --db-typography-expressive-mobile-body-sm-line-height: 1.5;
729
- --db-typography-expressive-mobile-body-sm-font-size: 1rem;
730
- --db-base-icon-weight-expressive-mobile-body-sm: 24;
731
- --db-base-icon-font-size-expressive-mobile-body-sm: 1.5rem;
732
- --db-typography-expressive-mobile-body-xl-line-height: 1.3333333333333333;
733
- --db-typography-expressive-mobile-body-xl-font-size: 1.5rem;
734
- --db-base-icon-weight-expressive-mobile-body-xl: 32;
735
- --db-base-icon-font-size-expressive-mobile-body-xl: 2rem;
736
- --db-typography-expressive-mobile-body-xs-line-height: 1.4285714285714286;
737
- --db-typography-expressive-mobile-body-xs-font-size: 0.875rem;
738
- --db-base-icon-weight-expressive-mobile-body-xs: 20;
739
- --db-base-icon-font-size-expressive-mobile-body-xs: 1.25rem;
740
- --db-typography-expressive-mobile-body-2xl-line-height: 1.3333333333333333;
741
- --db-typography-expressive-mobile-body-2xl-font-size: 1.5rem;
742
- --db-base-icon-weight-expressive-mobile-body-2xl: 32;
743
- --db-base-icon-font-size-expressive-mobile-body-2xl: 2rem;
744
- --db-typography-expressive-mobile-body-3xl-line-height: 1.3333333333333333;
745
- --db-typography-expressive-mobile-body-3xl-font-size: 1.5rem;
746
- --db-base-icon-weight-expressive-mobile-3xl: 32;
747
- --db-base-icon-font-size-expressive-mobile-3xl: 2rem;
748
- --db-typography-expressive-mobile-body-2xs-line-height: 1.3333333333333333;
749
- --db-typography-expressive-mobile-body-2xs-font-size: 0.75rem;
750
- --db-base-icon-weight-expressive-mobile-body-2xs: 16;
751
- --db-base-icon-font-size-expressive-mobile-body-2xs: 1rem;
752
- --db-typography-expressive-mobile-body-3xs-line-height: 1.4;
753
- --db-typography-expressive-mobile-body-3xs-font-size: 0.625rem;
754
- --db-base-icon-weight-expressive-mobile-3xs: 14;
755
- --db-base-icon-font-size-expressive-mobile-3xs: 0.875rem;
756
- --db-typography-expressive-mobile-headline-lg-line-height: 1.25;
757
- --db-typography-expressive-mobile-headline-lg-font-size: 2rem;
758
- --db-base-icon-weight-expressive-mobile-headline-lg: 40;
759
- --db-base-icon-font-size-expressive-mobile-headline-lg: 2.5rem;
760
- --db-typography-expressive-mobile-headline-md-line-height: 1.1428571428571428;
761
- --db-typography-expressive-mobile-headline-md-font-size: 1.75rem;
762
- --db-base-icon-weight-expressive-mobile-headline-md: 32;
763
- --db-base-icon-font-size-expressive-mobile-headline-md: 2rem;
764
- --db-typography-expressive-mobile-headline-sm-line-height: 1.1666666666666667;
765
- --db-typography-expressive-mobile-headline-sm-font-size: 1.5rem;
766
- --db-base-icon-weight-expressive-mobile-headline-sm: 28;
767
- --db-base-icon-font-size-expressive-mobile-headline-sm: 1.75rem;
768
- --db-typography-expressive-mobile-headline-xl-line-height: 1.2;
769
- --db-typography-expressive-mobile-headline-xl-font-size: 2.5rem;
770
- --db-base-icon-weight-expressive-mobile-headline-xl: 48;
771
- --db-base-icon-font-size-expressive-mobile-headline-xl: 3rem;
772
- --db-typography-expressive-mobile-headline-xs-line-height: 1.2;
773
- --db-typography-expressive-mobile-headline-xs-font-size: 1.25rem;
774
- --db-base-icon-weight-expressive-mobile-headline-xs: 24;
775
- --db-base-icon-font-size-expressive-mobile-headline-xs: 1.5rem;
776
- --db-typography-expressive-mobile-headline-2xl-line-height: 1.2;
777
- --db-typography-expressive-mobile-headline-2xl-font-size: 2.5rem;
778
- --db-base-icon-weight-expressive-mobile-headline-2xl: 48;
779
- --db-base-icon-font-size-expressive-mobile-headline-2xl: 3rem;
780
- --db-typography-expressive-mobile-headline-2xs-line-height: 1.25;
781
- --db-typography-expressive-mobile-headline-2xs-font-size: 1rem;
782
- --db-base-icon-weight-expressive-mobile-headline-2xs: 20;
783
- --db-base-icon-font-size-expressive-mobile-headline-2xs: 1.25rem;
784
- --db-typography-expressive-mobile-headline-3xl-line-height: 1.2;
785
- --db-typography-expressive-mobile-headline-3xl-font-size: 2.5rem;
786
- --db-base-icon-weight-expressive-mobile-headline-3xl: 48;
787
- --db-base-icon-font-size-expressive-mobile-headline-3xl: 3rem;
788
- --db-typography-expressive-mobile-headline-3xs-line-height: 1.25;
789
- --db-typography-expressive-mobile-headline-3xs-font-size: 1rem;
790
- --db-base-icon-weight-expressive-mobile-headline-3xs: 20;
791
- --db-base-icon-font-size-expressive-mobile-headline-3xs: 1.25rem;
792
- --db-border-height-3xs: 0.0625rem;
793
- --db-border-height-2xs: 0.125rem;
794
- --db-border-height-xs: 0.25rem;
795
- --db-border-height-sm: 0.375rem;
796
- --db-border-height-md: 0.5rem;
797
- --db-border-height-lg: 0.625rem;
798
- --db-border-height-xl: 0.75rem;
799
- --db-border-height-2xl: 0.875rem;
800
- --db-border-height-3xl: 1rem;
801
- --db-border-radius-3xs: 0.0625rem;
802
- --db-border-radius-2xs: 0.125rem;
803
- --db-border-radius-xs: 0.25rem;
804
- --db-border-radius-sm: 0.5rem;
805
- --db-border-radius-md: 0.75rem;
806
- --db-border-radius-lg: 1rem;
807
- --db-border-radius-xl: 1.5rem;
808
- --db-border-radius-2xl: 1.75rem;
809
- --db-border-radius-3xl: 2rem;
810
- --db-border-radius-full: 500rem;
811
- --db-elevation-sm:
812
- 0 0 1px -1px rgb(0 0 0 / 20%), 0 0 4px 1px rgb(0 0 0 / 12%),
813
- 0 0 2px 0 rgb(0 0 0 / 14%);
814
- --db-elevation-md:
815
- 0 0 2px -1px rgb(0 0 0 / 20%), 0 0 8px 1px rgb(0 0 0 / 12%),
816
- 0 0 4px 0 rgb(0 0 0 / 14%);
817
- --db-elevation-lg:
818
- 0 0 4px -3px rgb(0 0 0 / 20%), 0 0 16px 3px rgb(0 0 0 / 12%),
819
- 0 0 8px 1px rgb(0 0 0 / 14%);
820
- --db-transition-duration-extra-slow: 0.5s;
821
- --db-transition-duration-slow: 0.4s;
822
- --db-transition-duration-medium: 0.3s;
823
- --db-transition-duration-fast: 0.15s;
824
- --db-transition-duration-extra-fast: 0.075s;
825
- --db-transition-timing-show: cubic-bezier(0.49, 0.1, 0.16, 1) normal both;
826
- --db-transition-timing-hide: cubic-bezier(0.49, 0.1, 0.16, 1) normal both;
827
- --db-transition-timing-emotional: cubic-bezier(0.27, 0.05, 0.4, 0.95);
828
- --db-transition-timing-functional: cubic-bezier(0.15, 0, 0.45, 1);
829
- --db-transition-straight-show: 0.5s cubic-bezier(0.49, 0.1, 0.16, 1) normal
830
- both;
831
- --db-transition-straight-hide: 0.4s cubic-bezier(0.49, 0.1, 0.16, 1) normal
832
- both;
833
- --db-transition-straight-emotional: 0.3s cubic-bezier(0.27, 0.05, 0.4, 0.95);
834
- --db-transition-straight-functional: 0.3s cubic-bezier(0.15, 0, 0.45, 1);
835
- --db-font-family-sans: "OpenSans", helvetica, arial, sans-serif;
836
- --db-font-family-head: "OpenSans Head", helvetica, arial, sans-serif;
837
-
838
- /* COLORS */
839
- @include default-color-scheme.get-color-scheme;
840
- @include default-color-scheme.get-color-scheme-light;
841
- @include default-color-scheme.get-additional-color-scheme;
842
-
843
- @media (prefers-color-scheme: dark) {
844
- @include default-color-scheme.get-color-scheme-dark;
845
- }
5
+ @property --db-font-family-sans {
6
+ syntax: "*";
7
+ initial-value: "OpenSans", helvetica, arial, sans-serif;
8
+ inherits: true;
846
9
  }
847
10
 
848
- // We'll set the color scheme (https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) to light and dark if it's not already set as a meta tag in the head, which would be the recommended way.
849
- html:not(:has(> head > meta[name="color-scheme"])) {
850
- color-scheme: light dark;
11
+ @property --db-font-family-head {
12
+ syntax: "*";
13
+ initial-value: "OpenSans Head", helvetica, arial, sans-serif;
14
+ inherits: true;
851
15
  }
852
16
 
853
17
  [data-mode] {
854
18
  @extend %db-neutral-bg-basic-level-1;
855
19
  }
856
-
857
- /* TODO: Switch to attr() as soon as this one is fully supported */
858
- [data-mode="light"] {
859
- color-scheme: light;
860
- }
861
-
862
- [data-mode="dark"] {
863
- color-scheme: dark;
864
- }