@entur/typography 2.0.2 → 2.0.4-beta.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 (4) hide show
  1. package/dist/beta/styles/components/heading.css +550 -525
  2. package/dist/beta/styles/components/text.css +943 -775
  3. package/dist/styles.css +683 -586
  4. package/package.json +3 -6
package/dist/beta/styles/components/heading.css CHANGED
@@ -1,197 +1,184 @@
1
- /* DO NOT CHANGE!*/
2
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
- /* DO NOT CHANGE!*/
4
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
- /* DO NOT CHANGE!*/
6
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
7
- /* DO NOT CHANGE!*/
8
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
9
- /* DO NOT CHANGE!*/
10
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
11
1
  [data-color-mode=light],
12
- :root {
13
- --basecolors-frame-contrast: #181c56;
14
- --basecolors-frame-contrastalt: #393d79;
15
- --basecolors-frame-contrastalt-2: #292b6a;
16
- --basecolors-frame-default: #ffffff;
17
- --basecolors-frame-elevated: #ffffff;
18
- --basecolors-frame-elevatedalt: #f6f6f9;
19
- --basecolors-frame-subdued: #d9dae8;
20
- --basecolors-frame-tint: #f6f6f9;
21
- --basecolors-shape-accent: #181c56;
22
- --basecolors-shape-bicycle-contrast: #00db9b;
23
- --basecolors-shape-bicycle-default: #33826b;
24
- --basecolors-shape-bus-contrast: #ff6392;
25
- --basecolors-shape-bus-default: #c5044e;
26
- --basecolors-shape-cableway-contrast: #b482fb;
27
- --basecolors-shape-cableway-default: #78469a;
28
- --basecolors-shape-disabled: #6e6f73;
29
- --basecolors-shape-disabledalt: #b6b8ba;
30
- --basecolors-shape-ferry-contrast: #6fdfff;
31
- --basecolors-shape-ferry-default: #0c6693;
32
- --basecolors-shape-funicular-contrast: #b482fb;
33
- --basecolors-shape-funicular-default: #78469a;
34
- --basecolors-shape-helicopter-contrast: #fbafea;
35
- --basecolors-shape-helicopter-default: #800664;
36
- --basecolors-shape-highlight: #ff5959;
37
- --basecolors-shape-light: #ffffff;
38
- --basecolors-shape-mask: #ffffff;
39
- --basecolors-shape-maskalt: #ffffff;
40
- --basecolors-shape-metro-contrast: #f08901;
41
- --basecolors-shape-metro-default: #bf5826;
42
- --basecolors-shape-mobility-contrast: #00db9b;
43
- --basecolors-shape-mobility-default: #33826b;
44
- --basecolors-shape-plane-contrast: #fbafea;
45
- --basecolors-shape-plane-default: #800664;
46
- --basecolors-shape-subdued: #626493;
47
- --basecolors-shape-subduedalt: #d9dae8;
48
- --basecolors-shape-taxi-contrast: #ffe082;
49
- --basecolors-shape-taxi-default: #3d3e40;
50
- --basecolors-shape-train-contrast: #42a5f5;
51
- --basecolors-shape-train-default: #00367f;
52
- --basecolors-shape-tram-contrast: #b482fb;
53
- --basecolors-shape-tram-default: #78469a;
54
- --basecolors-shape-walk-contrast: #8284ab;
55
- --basecolors-shape-walk-default: #8d8e9c;
56
- --basecolors-shape-airportlinkbus-contrast: #fbafea;
57
- --basecolors-shape-airportlinkbus-default: #800664;
58
- --basecolors-shape-airportlinkrail-contrast: #fbafea;
59
- --basecolors-shape-airportlinkrail-default: #800664;
60
- --basecolors-stroke-contrast: #aeb7e2;
61
- --basecolors-stroke-default: #181c56;
62
- --basecolors-stroke-disabled: #949699;
63
- --basecolors-stroke-focus-contrast: #aeb7e2;
64
- --basecolors-stroke-focus-standard: #181c56;
65
- --basecolors-stroke-highlight: #ff5959;
66
- --basecolors-stroke-light: #ffffff;
67
- --basecolors-stroke-subdued: #8284ab;
68
- --basecolors-stroke-subduedalt: #e3e6e8;
69
- --basecolors-text-accent: #181c56;
70
- --basecolors-text-disabled: #6e6f73;
71
- --basecolors-text-disabledalt: #b6b8ba;
72
- --basecolors-text-highlight: #ff5959;
73
- --basecolors-text-light: #ffffff;
74
- --basecolors-text-subdued: #626493;
75
- --basecolors-text-subduedalt: #d9dae8;
2
+ :root{
3
+ --basecolors-frame-contrast:#181c56;
4
+ --basecolors-frame-contrastalt:#393d79;
5
+ --basecolors-frame-contrastalt-2:#292b6a;
6
+ --basecolors-frame-default:#ffffff;
7
+ --basecolors-frame-elevated:#ffffff;
8
+ --basecolors-frame-elevatedalt:#f6f6f9;
9
+ --basecolors-frame-subdued:#d9dae8;
10
+ --basecolors-frame-tint:#f6f6f9;
11
+ --basecolors-shape-accent:#181c56;
12
+ --basecolors-shape-bicycle-contrast:#00db9b;
13
+ --basecolors-shape-bicycle-default:#33826b;
14
+ --basecolors-shape-bus-contrast:#ff6392;
15
+ --basecolors-shape-bus-default:#c5044e;
16
+ --basecolors-shape-cableway-contrast:#b482fb;
17
+ --basecolors-shape-cableway-default:#78469a;
18
+ --basecolors-shape-disabled:#6e6f73;
19
+ --basecolors-shape-disabledalt:#b6b8ba;
20
+ --basecolors-shape-ferry-contrast:#6fdfff;
21
+ --basecolors-shape-ferry-default:#0c6693;
22
+ --basecolors-shape-funicular-contrast:#b482fb;
23
+ --basecolors-shape-funicular-default:#78469a;
24
+ --basecolors-shape-helicopter-contrast:#fbafea;
25
+ --basecolors-shape-helicopter-default:#800664;
26
+ --basecolors-shape-highlight:#ff5959;
27
+ --basecolors-shape-light:#ffffff;
28
+ --basecolors-shape-mask:#ffffff;
29
+ --basecolors-shape-maskalt:#ffffff;
30
+ --basecolors-shape-metro-contrast:#f08901;
31
+ --basecolors-shape-metro-default:#bf5826;
32
+ --basecolors-shape-mobility-contrast:#00db9b;
33
+ --basecolors-shape-mobility-default:#33826b;
34
+ --basecolors-shape-plane-contrast:#fbafea;
35
+ --basecolors-shape-plane-default:#800664;
36
+ --basecolors-shape-subdued:#626493;
37
+ --basecolors-shape-subduedalt:#d9dae8;
38
+ --basecolors-shape-taxi-contrast:#ffe082;
39
+ --basecolors-shape-taxi-default:#3d3e40;
40
+ --basecolors-shape-train-contrast:#42a5f5;
41
+ --basecolors-shape-train-default:#00367f;
42
+ --basecolors-shape-tram-contrast:#b482fb;
43
+ --basecolors-shape-tram-default:#78469a;
44
+ --basecolors-shape-walk-contrast:#8284ab;
45
+ --basecolors-shape-walk-default:#8d8e9c;
46
+ --basecolors-shape-airportlinkbus-contrast:#fbafea;
47
+ --basecolors-shape-airportlinkbus-default:#800664;
48
+ --basecolors-shape-airportlinkrail-contrast:#fbafea;
49
+ --basecolors-shape-airportlinkrail-default:#800664;
50
+ --basecolors-stroke-contrast:#aeb7e2;
51
+ --basecolors-stroke-default:#181c56;
52
+ --basecolors-stroke-disabled:#949699;
53
+ --basecolors-stroke-focus-contrast:#aeb7e2;
54
+ --basecolors-stroke-focus-standard:#181c56;
55
+ --basecolors-stroke-highlight:#ff5959;
56
+ --basecolors-stroke-light:#ffffff;
57
+ --basecolors-stroke-subdued:#8284ab;
58
+ --basecolors-stroke-subduedalt:#e3e6e8;
59
+ --basecolors-text-accent:#181c56;
60
+ --basecolors-text-disabled:#6e6f73;
61
+ --basecolors-text-disabledalt:#b6b8ba;
62
+ --basecolors-text-highlight:#ff5959;
63
+ --basecolors-text-light:#ffffff;
64
+ --basecolors-text-subdued:#626493;
65
+ --basecolors-text-subduedalt:#d9dae8;
76
66
  }
77
67
 
78
- [data-color-mode=dark] {
79
- --basecolors-frame-contrast: #212233;
80
- --basecolors-frame-contrastalt: #141527;
81
- --basecolors-frame-contrastalt-2: #08091c;
82
- --basecolors-frame-default: #08091c;
83
- --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
84
- --basecolors-frame-elevatedalt: #464755;
85
- --basecolors-frame-subdued: #2d2e3e;
86
- --basecolors-frame-tint: #141527;
87
- --basecolors-shape-accent: #e5e5e9;
88
- --basecolors-shape-bicycle-contrast: #4db295;
89
- --basecolors-shape-bicycle-default: #4db295;
90
- --basecolors-shape-bus-contrast: #ef7398;
91
- --basecolors-shape-bus-default: #ef7398;
92
- --basecolors-shape-cableway-contrast: #b898e5;
93
- --basecolors-shape-cableway-default: #b898e5;
94
- --basecolors-shape-disabled: #b6b8ba;
95
- --basecolors-shape-disabledalt: #b3b4bd;
96
- --basecolors-shape-ferry-contrast: #8ccfe2;
97
- --basecolors-shape-ferry-default: #8ccfe2;
98
- --basecolors-shape-funicular-contrast: #b898e5;
99
- --basecolors-shape-funicular-default: #b898e5;
100
- --basecolors-shape-helicopter-contrast: #f2b8e5;
101
- --basecolors-shape-helicopter-default: #f2b8e5;
102
- --basecolors-shape-highlight: #ff9494;
103
- --basecolors-shape-light: #e5e5e9;
104
- --basecolors-shape-mask: #2d2e3e;
105
- --basecolors-shape-maskalt: #393a49;
106
- --basecolors-shape-metro-contrast: #dd973c;
107
- --basecolors-shape-metro-default: #dd973c;
108
- --basecolors-shape-mobility-contrast: #4db295;
109
- --basecolors-shape-mobility-default: #4db295;
110
- --basecolors-shape-plane-contrast: #f2b8e5;
111
- --basecolors-shape-plane-default: #f2b8e5;
112
- --basecolors-shape-subdued: #b3b4bd;
113
- --basecolors-shape-subduedalt: #b3b4bd;
114
- --basecolors-shape-taxi-contrast: #ffe082;
115
- --basecolors-shape-taxi-default: #ffe082;
116
- --basecolors-shape-train-contrast: #60a2d7;
117
- --basecolors-shape-train-default: #60a2d7;
118
- --basecolors-shape-tram-contrast: #b898e5;
119
- --basecolors-shape-tram-default: #b898e5;
120
- --basecolors-shape-walk-contrast: #8d8e9c;
121
- --basecolors-shape-walk-default: #8d8e9c;
122
- --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
123
- --basecolors-shape-airportlinkbus-default: #f2b8e5;
124
- --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
125
- --basecolors-shape-airportlinkrail-default: #f2b8e5;
126
- --basecolors-stroke-contrast: #aeb7e2;
127
- --basecolors-stroke-default: #b3b4bd;
128
- --basecolors-stroke-disabled: #e3e6e8;
129
- --basecolors-stroke-focus-contrast: #aeb7e2;
130
- --basecolors-stroke-focus-standard: #aeb7e2;
131
- --basecolors-stroke-highlight: #ff9494;
132
- --basecolors-stroke-light: #b3b4bd;
133
- --basecolors-stroke-subdued: #81828f;
134
- --basecolors-stroke-subduedalt: #949699;
135
- --basecolors-text-accent: #e5e5e9;
136
- --basecolors-text-disabled: #b6b8ba;
137
- --basecolors-text-disabledalt: #b6b8ba;
138
- --basecolors-text-highlight: #ff9494;
139
- --basecolors-text-light: #e5e5e9;
140
- --basecolors-text-subdued: #b3b4bd;
141
- --basecolors-text-subduedalt: #b3b4bd;
68
+ [data-color-mode=dark]{
69
+ --basecolors-frame-contrast:#212233;
70
+ --basecolors-frame-contrastalt:#141527;
71
+ --basecolors-frame-contrastalt-2:#08091c;
72
+ --basecolors-frame-default:#08091c;
73
+ --basecolors-frame-elevated:rgba(229, 229, 233, 0.1490196078);
74
+ --basecolors-frame-elevatedalt:#464755;
75
+ --basecolors-frame-subdued:#2d2e3e;
76
+ --basecolors-frame-tint:#141527;
77
+ --basecolors-shape-accent:#e5e5e9;
78
+ --basecolors-shape-bicycle-contrast:#4db295;
79
+ --basecolors-shape-bicycle-default:#4db295;
80
+ --basecolors-shape-bus-contrast:#ef7398;
81
+ --basecolors-shape-bus-default:#ef7398;
82
+ --basecolors-shape-cableway-contrast:#b898e5;
83
+ --basecolors-shape-cableway-default:#b898e5;
84
+ --basecolors-shape-disabled:#b6b8ba;
85
+ --basecolors-shape-disabledalt:#b3b4bd;
86
+ --basecolors-shape-ferry-contrast:#8ccfe2;
87
+ --basecolors-shape-ferry-default:#8ccfe2;
88
+ --basecolors-shape-funicular-contrast:#b898e5;
89
+ --basecolors-shape-funicular-default:#b898e5;
90
+ --basecolors-shape-helicopter-contrast:#f2b8e5;
91
+ --basecolors-shape-helicopter-default:#f2b8e5;
92
+ --basecolors-shape-highlight:#ff9494;
93
+ --basecolors-shape-light:#e5e5e9;
94
+ --basecolors-shape-mask:#2d2e3e;
95
+ --basecolors-shape-maskalt:#393a49;
96
+ --basecolors-shape-metro-contrast:#dd973c;
97
+ --basecolors-shape-metro-default:#dd973c;
98
+ --basecolors-shape-mobility-contrast:#4db295;
99
+ --basecolors-shape-mobility-default:#4db295;
100
+ --basecolors-shape-plane-contrast:#f2b8e5;
101
+ --basecolors-shape-plane-default:#f2b8e5;
102
+ --basecolors-shape-subdued:#b3b4bd;
103
+ --basecolors-shape-subduedalt:#b3b4bd;
104
+ --basecolors-shape-taxi-contrast:#ffe082;
105
+ --basecolors-shape-taxi-default:#ffe082;
106
+ --basecolors-shape-train-contrast:#60a2d7;
107
+ --basecolors-shape-train-default:#60a2d7;
108
+ --basecolors-shape-tram-contrast:#b898e5;
109
+ --basecolors-shape-tram-default:#b898e5;
110
+ --basecolors-shape-walk-contrast:#8d8e9c;
111
+ --basecolors-shape-walk-default:#8d8e9c;
112
+ --basecolors-shape-airportlinkbus-contrast:#f2b8e5;
113
+ --basecolors-shape-airportlinkbus-default:#f2b8e5;
114
+ --basecolors-shape-airportlinkrail-contrast:#f2b8e5;
115
+ --basecolors-shape-airportlinkrail-default:#f2b8e5;
116
+ --basecolors-stroke-contrast:#aeb7e2;
117
+ --basecolors-stroke-default:#b3b4bd;
118
+ --basecolors-stroke-disabled:#e3e6e8;
119
+ --basecolors-stroke-focus-contrast:#aeb7e2;
120
+ --basecolors-stroke-focus-standard:#aeb7e2;
121
+ --basecolors-stroke-highlight:#ff9494;
122
+ --basecolors-stroke-light:#b3b4bd;
123
+ --basecolors-stroke-subdued:#81828f;
124
+ --basecolors-stroke-subduedalt:#949699;
125
+ --basecolors-text-accent:#e5e5e9;
126
+ --basecolors-text-disabled:#b6b8ba;
127
+ --basecolors-text-disabledalt:#b6b8ba;
128
+ --basecolors-text-highlight:#ff9494;
129
+ --basecolors-text-light:#e5e5e9;
130
+ --basecolors-text-subdued:#b3b4bd;
131
+ --basecolors-text-subduedalt:#b3b4bd;
142
132
  }
143
-
144
- /* DO NOT CHANGE!*/
145
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
146
133
  [data-color-mode=light],
147
- :root {
148
- --components-typography-basetext-contrast-text-accent: #ffffff;
149
- --components-typography-basetext-standard-text-accent: #181c56;
150
- --components-typography-blockquote-contrast-stroke: #8284ab;
151
- --components-typography-blockquote-contrast-text-accent: #ffffff;
152
- --components-typography-blockquote-contrast-text-subdued: #d9dae8;
153
- --components-typography-blockquote-standard-stroke: #8284ab;
154
- --components-typography-blockquote-standard-text-accent: #181c56;
155
- --components-typography-blockquote-standard-text-subdued: #626493;
156
- --components-typography-codetext-contrast-border: rgba(255, 255, 255, 0);
157
- --components-typography-codetext-contrast-border-interactive: #aeb7e2;
158
- --components-typography-codetext-contrast-fill: #f6f6f9;
159
- --components-typography-codetext-contrast-text: #181c56;
160
- --components-typography-codetext-standard-border: rgba(84, 86, 140, 0.4);
161
- --components-typography-codetext-standard-border-interactive: #181c56;
162
- --components-typography-codetext-standard-fill: #f6f6f9;
163
- --components-typography-codetext-standard-text: #181c56;
164
- --components-typography-label-contrast-text-accent: #d9dae8;
165
- --components-typography-label-standard-text-accent: #626493;
166
- --components-typography-list-contrast-border: #aeb7e2;
167
- --components-typography-list-contrast-text-accent: #ffffff;
168
- --components-typography-list-standard-border: #aeb7e2;
169
- --components-typography-list-standard-text-accent: #181c56;
134
+ :root{
135
+ --components-typography-basetext-contrast-text-accent:#ffffff;
136
+ --components-typography-basetext-standard-text-accent:#181c56;
137
+ --components-typography-blockquote-contrast-stroke:#8284ab;
138
+ --components-typography-blockquote-contrast-text-accent:#ffffff;
139
+ --components-typography-blockquote-contrast-text-subdued:#d9dae8;
140
+ --components-typography-blockquote-standard-stroke:#8284ab;
141
+ --components-typography-blockquote-standard-text-accent:#181c56;
142
+ --components-typography-blockquote-standard-text-subdued:#626493;
143
+ --components-typography-codetext-contrast-border:rgba(255, 255, 255, 0);
144
+ --components-typography-codetext-contrast-border-interactive:#aeb7e2;
145
+ --components-typography-codetext-contrast-fill:#f6f6f9;
146
+ --components-typography-codetext-contrast-text:#181c56;
147
+ --components-typography-codetext-standard-border:rgba(84, 86, 140, 0.4);
148
+ --components-typography-codetext-standard-border-interactive:#181c56;
149
+ --components-typography-codetext-standard-fill:#f6f6f9;
150
+ --components-typography-codetext-standard-text:#181c56;
151
+ --components-typography-label-contrast-text-accent:#d9dae8;
152
+ --components-typography-label-standard-text-accent:#626493;
153
+ --components-typography-list-contrast-border:#aeb7e2;
154
+ --components-typography-list-contrast-text-accent:#ffffff;
155
+ --components-typography-list-standard-border:#aeb7e2;
156
+ --components-typography-list-standard-text-accent:#181c56;
170
157
  }
171
158
 
172
- [data-color-mode=dark] {
173
- --components-typography-basetext-contrast-text-accent: #e5e5e9;
174
- --components-typography-basetext-standard-text-accent: #e5e5e9;
175
- --components-typography-blockquote-contrast-stroke: #81828f;
176
- --components-typography-blockquote-contrast-text-accent: #e5e5e9;
177
- --components-typography-blockquote-contrast-text-subdued: #b3b4bd;
178
- --components-typography-blockquote-standard-stroke: #81828f;
179
- --components-typography-blockquote-standard-text-accent: #e5e5e9;
180
- --components-typography-blockquote-standard-text-subdued: #b3b4bd;
181
- --components-typography-codetext-contrast-border: rgba(255, 255, 255, 0);
182
- --components-typography-codetext-contrast-border-interactive: #e5e5e9;
183
- --components-typography-codetext-contrast-fill: #393a49;
184
- --components-typography-codetext-contrast-text: #e5e5e9;
185
- --components-typography-codetext-standard-border: rgba(255, 255, 255, 0);
186
- --components-typography-codetext-standard-border-interactive: #e5e5e9;
187
- --components-typography-codetext-standard-fill: #393a49;
188
- --components-typography-codetext-standard-text: #e5e5e9;
189
- --components-typography-label-contrast-text-accent: #e5e5e9;
190
- --components-typography-label-standard-text-accent: #e5e5e9;
191
- --components-typography-list-contrast-border: #aeb7e2;
192
- --components-typography-list-contrast-text-accent: #e5e5e9;
193
- --components-typography-list-standard-border: #aeb7e2;
194
- --components-typography-list-standard-text-accent: #e5e5e9;
159
+ [data-color-mode=dark]{
160
+ --components-typography-basetext-contrast-text-accent:#e5e5e9;
161
+ --components-typography-basetext-standard-text-accent:#e5e5e9;
162
+ --components-typography-blockquote-contrast-stroke:#81828f;
163
+ --components-typography-blockquote-contrast-text-accent:#e5e5e9;
164
+ --components-typography-blockquote-contrast-text-subdued:#b3b4bd;
165
+ --components-typography-blockquote-standard-stroke:#81828f;
166
+ --components-typography-blockquote-standard-text-accent:#e5e5e9;
167
+ --components-typography-blockquote-standard-text-subdued:#b3b4bd;
168
+ --components-typography-codetext-contrast-border:rgba(255, 255, 255, 0);
169
+ --components-typography-codetext-contrast-border-interactive:#e5e5e9;
170
+ --components-typography-codetext-contrast-fill:#393a49;
171
+ --components-typography-codetext-contrast-text:#e5e5e9;
172
+ --components-typography-codetext-standard-border:rgba(255, 255, 255, 0);
173
+ --components-typography-codetext-standard-border-interactive:#e5e5e9;
174
+ --components-typography-codetext-standard-fill:#393a49;
175
+ --components-typography-codetext-standard-text:#e5e5e9;
176
+ --components-typography-label-contrast-text-accent:#e5e5e9;
177
+ --components-typography-label-standard-text-accent:#e5e5e9;
178
+ --components-typography-list-contrast-border:#aeb7e2;
179
+ --components-typography-list-contrast-text-accent:#e5e5e9;
180
+ --components-typography-list-standard-border:#aeb7e2;
181
+ --components-typography-list-standard-text-accent:#e5e5e9;
195
182
  }
196
183
 
197
184
  /*
@@ -209,362 +196,400 @@
209
196
  * The system automatically handles responsive behavior within each mode.
210
197
  */
211
198
  /* Primitive size */
212
- :root {
199
+ :root{
213
200
  /* number */
214
- --size-0: 0rem;
215
- --size-1: 0.0625rem;
216
- --size-2: 0.125rem;
217
- --size-3: 0.25rem;
218
- --size-4: 0.375rem;
219
- --size-5: 0.5rem;
220
- --size-6: 0.75rem;
221
- --size-7: 0.875rem;
222
- --size-8: 1rem;
223
- --size-9: 1.25rem;
224
- --size-10: 1.5rem;
225
- --size-11: 1.75rem;
226
- --size-12: 2rem;
227
- --size-13: 2.25rem;
228
- --size-14: 2.5rem;
229
- --size-15: 2.75rem;
230
- --size-16: 3rem;
231
- --size-17: 3.25rem;
232
- --size-18: 3.5rem;
233
- --size-19: 4rem;
234
- --size-20: 4.5rem;
235
- --size-21: 5rem;
236
- --size-22: 5.5rem;
237
- --size-23: 6rem;
238
- --size-24: 6.5rem;
239
- --size-25: 7rem;
240
- --size-26: 7.5rem;
241
- --size-27: 8rem;
242
- --size-28: 8.5rem;
243
- --size-29: 9rem;
244
- --size-30: 9.5rem;
245
- --size-31: 10rem;
201
+ --size-0:0rem;
202
+ --size-1:0.0625rem;
203
+ --size-2:0.125rem;
204
+ --size-3:0.25rem;
205
+ --size-4:0.375rem;
206
+ --size-5:0.5rem;
207
+ --size-6:0.75rem;
208
+ --size-7:0.875rem;
209
+ --size-8:1rem;
210
+ --size-9:1.25rem;
211
+ --size-10:1.5rem;
212
+ --size-11:1.75rem;
213
+ --size-12:2rem;
214
+ --size-13:2.25rem;
215
+ --size-14:2.5rem;
216
+ --size-15:2.75rem;
217
+ --size-16:3rem;
218
+ --size-17:3.25rem;
219
+ --size-18:3.5rem;
220
+ --size-19:4rem;
221
+ --size-20:4.5rem;
222
+ --size-21:5rem;
223
+ --size-22:5.5rem;
224
+ --size-23:6rem;
225
+ --size-24:6.5rem;
226
+ --size-25:7rem;
227
+ --size-26:7.5rem;
228
+ --size-27:8rem;
229
+ --size-28:8.5rem;
230
+ --size-29:9rem;
231
+ --size-30:9.5rem;
232
+ --size-31:10rem;
246
233
  }
247
234
 
248
235
  :root,
249
- [view-mode=standard] {
236
+ [view-mode=standard]{
250
237
  /* number */
251
- --font-line-height-body-xs: var(--size-8);
252
- --font-line-height-body-s: var(--size-9);
253
- --font-line-height-body-lg: var(--size-10);
254
- --font-line-height-body-m: var(--size-10);
255
- --font-line-height-body-xl: var(--size-11);
256
- --font-line-height-heading-s: var(--size-8);
257
- --font-line-height-heading-xs: var(--size-8);
258
- --font-line-height-heading-m: var(--size-9);
259
- --font-line-height-heading-lg: var(--size-10);
260
- --font-line-height-heading-xl: var(--size-11);
261
- --font-line-height-heading-2xl: var(--size-12);
262
- --font-paragraph-spacing-body-xs: var(--size-5);
263
- --font-paragraph-spacing-body-s: var(--size-6);
264
- --font-paragraph-spacing-body-m: var(--size-8);
265
- --font-paragraph-spacing-body-lg: var(--size-9);
266
- --font-paragraph-spacing-body-xl: var(--size-9);
267
- --font-paragraph-spacing-heading-s: var(--size-5);
268
- --font-paragraph-spacing-heading-xs: var(--size-5);
269
- --font-paragraph-spacing-heading-lg: var(--size-6);
270
- --font-paragraph-spacing-heading-m: var(--size-6);
271
- --font-paragraph-spacing-heading-2xl: var(--size-8);
272
- --font-paragraph-spacing-heading-xl: var(--size-8);
273
- --font-size-body-xs: var(--size-6);
274
- --font-size-body-s: var(--size-7);
275
- --font-size-body-lg: var(--size-8);
276
- --font-size-body-m: var(--size-8);
277
- --font-size-body-xl: var(--size-9);
278
- --font-size-heading-xs: var(--size-6);
279
- --font-size-heading-s: var(--size-7);
280
- --font-size-heading-m: var(--size-8);
281
- --font-size-heading-lg: var(--size-9);
282
- --font-size-heading-xl: var(--size-10);
283
- --font-size-heading-2xl: var(--size-11);
238
+ --font-line-height-body-xs:var(--size-8);
239
+ --font-line-height-body-s:var(--size-9);
240
+ --font-line-height-body-lg:var(--size-10);
241
+ --font-line-height-body-m:var(--size-10);
242
+ --font-line-height-body-xl:var(--size-11);
243
+ --font-line-height-heading-s:var(--size-8);
244
+ --font-line-height-heading-xs:var(--size-8);
245
+ --font-line-height-heading-m:var(--size-9);
246
+ --font-line-height-heading-lg:var(--size-10);
247
+ --font-line-height-heading-xl:var(--size-11);
248
+ --font-line-height-heading-2xl:var(--size-12);
249
+ --font-paragraph-spacing-body-xs:var(--size-5);
250
+ --font-paragraph-spacing-body-s:var(--size-6);
251
+ --font-paragraph-spacing-body-m:var(--size-8);
252
+ --font-paragraph-spacing-body-lg:var(--size-9);
253
+ --font-paragraph-spacing-body-xl:var(--size-9);
254
+ --font-paragraph-spacing-heading-s:var(--size-5);
255
+ --font-paragraph-spacing-heading-xs:var(--size-5);
256
+ --font-paragraph-spacing-heading-lg:var(--size-6);
257
+ --font-paragraph-spacing-heading-m:var(--size-6);
258
+ --font-paragraph-spacing-heading-2xl:var(--size-8);
259
+ --font-paragraph-spacing-heading-xl:var(--size-8);
260
+ --font-size-body-xs:var(--size-6);
261
+ --font-size-body-s:var(--size-7);
262
+ --font-size-body-lg:var(--size-8);
263
+ --font-size-body-m:var(--size-8);
264
+ --font-size-body-xl:var(--size-9);
265
+ --font-size-heading-xs:var(--size-6);
266
+ --font-size-heading-s:var(--size-7);
267
+ --font-size-heading-m:var(--size-8);
268
+ --font-size-heading-lg:var(--size-9);
269
+ --font-size-heading-xl:var(--size-10);
270
+ --font-size-heading-2xl:var(--size-11);
284
271
  /* string */
285
- --font-family-nationale: Nationale;
286
- --font-weight-body: 500;
287
- --font-weight-heading: 600;
272
+ --font-family-nationale:Nationale;
273
+ --font-weight-body:500;
274
+ --font-weight-heading:600;
288
275
  }
289
- @media screen and (min-width: 50rem) {
276
+ @media screen and (min-width: 50rem){
290
277
  :root,
291
- [view-mode=standard] {
292
- --font-line-height-body-xs: var(--size-8);
293
- --font-line-height-body-s: var(--size-9);
294
- --font-line-height-body-m: var(--size-10);
295
- --font-line-height-body-lg: var(--size-11);
296
- --font-line-height-body-xl: var(--size-12);
297
- --font-line-height-heading-xs: var(--size-8);
298
- --font-line-height-heading-s: var(--size-9);
299
- --font-line-height-heading-m: var(--size-10);
300
- --font-line-height-heading-lg: var(--size-11);
301
- --font-line-height-heading-xl: var(--size-13);
302
- --font-line-height-heading-2xl: var(--size-15);
303
- --font-paragraph-spacing-body-xs: var(--size-5);
304
- --font-paragraph-spacing-body-s: var(--size-6);
305
- --font-paragraph-spacing-body-m: var(--size-8);
306
- --font-paragraph-spacing-body-lg: var(--size-10);
307
- --font-paragraph-spacing-body-xl: var(--size-10);
308
- --font-paragraph-spacing-heading-xs: var(--size-5);
309
- --font-paragraph-spacing-heading-m: var(--size-6);
310
- --font-paragraph-spacing-heading-s: var(--size-6);
311
- --font-paragraph-spacing-heading-lg: var(--size-8);
312
- --font-paragraph-spacing-heading-xl: var(--size-9);
313
- --font-paragraph-spacing-heading-2xl: var(--size-10);
314
- --font-size-body-xs: var(--size-6);
315
- --font-size-body-s: var(--size-7);
316
- --font-size-body-m: var(--size-8);
317
- --font-size-body-lg: var(--size-9);
318
- --font-size-body-xl: var(--size-10);
319
- --font-size-heading-xs: var(--size-7);
320
- --font-size-heading-s: var(--size-8);
321
- --font-size-heading-m: var(--size-9);
322
- --font-size-heading-lg: var(--size-10);
323
- --font-size-heading-xl: var(--size-12);
324
- --font-size-heading-2xl: var(--size-14);
278
+ [view-mode=standard]{
279
+ --font-line-height-body-xs:var(--size-8);
280
+ --font-line-height-body-s:var(--size-9);
281
+ --font-line-height-body-m:var(--size-10);
282
+ --font-line-height-body-lg:var(--size-11);
283
+ --font-line-height-body-xl:var(--size-12);
284
+ --font-line-height-heading-xs:var(--size-8);
285
+ --font-line-height-heading-s:var(--size-9);
286
+ --font-line-height-heading-m:var(--size-10);
287
+ --font-line-height-heading-lg:var(--size-11);
288
+ --font-line-height-heading-xl:var(--size-13);
289
+ --font-line-height-heading-2xl:var(--size-15);
290
+ --font-paragraph-spacing-body-xs:var(--size-5);
291
+ --font-paragraph-spacing-body-s:var(--size-6);
292
+ --font-paragraph-spacing-body-m:var(--size-8);
293
+ --font-paragraph-spacing-body-lg:var(--size-10);
294
+ --font-paragraph-spacing-body-xl:var(--size-10);
295
+ --font-paragraph-spacing-heading-xs:var(--size-5);
296
+ --font-paragraph-spacing-heading-m:var(--size-6);
297
+ --font-paragraph-spacing-heading-s:var(--size-6);
298
+ --font-paragraph-spacing-heading-lg:var(--size-8);
299
+ --font-paragraph-spacing-heading-xl:var(--size-9);
300
+ --font-paragraph-spacing-heading-2xl:var(--size-10);
301
+ --font-size-body-xs:var(--size-6);
302
+ --font-size-body-s:var(--size-7);
303
+ --font-size-body-m:var(--size-8);
304
+ --font-size-body-lg:var(--size-9);
305
+ --font-size-body-xl:var(--size-10);
306
+ --font-size-heading-xs:var(--size-7);
307
+ --font-size-heading-s:var(--size-8);
308
+ --font-size-heading-m:var(--size-9);
309
+ --font-size-heading-lg:var(--size-10);
310
+ --font-size-heading-xl:var(--size-12);
311
+ --font-size-heading-2xl:var(--size-14);
325
312
  /* string */
326
- --font-family-nationale: Nationale;
327
- --font-weight-body: 500;
328
- --font-weight-heading: 600;
313
+ --font-family-nationale:Nationale;
314
+ --font-weight-body:500;
315
+ --font-weight-heading:600;
329
316
  }
330
317
  }
331
318
 
332
- [view-mode=compact] {
319
+ [view-mode=compact]{
333
320
  /* number */
334
- --font-line-height-body-xs: var(--size-8);
335
- --font-line-height-body-s: var(--size-9);
336
- --font-line-height-body-lg: var(--size-10);
337
- --font-line-height-body-m: var(--size-10);
338
- --font-line-height-body-xl: var(--size-11);
339
- --font-line-height-heading-s: var(--size-8);
340
- --font-line-height-heading-xs: var(--size-8);
341
- --font-line-height-heading-m: var(--size-9);
342
- --font-line-height-heading-lg: var(--size-10);
343
- --font-line-height-heading-xl: var(--size-11);
344
- --font-line-height-heading-2xl: var(--size-12);
345
- --font-paragraph-spacing-body-xs: var(--size-5);
346
- --font-paragraph-spacing-body-s: var(--size-6);
347
- --font-paragraph-spacing-body-m: var(--size-8);
348
- --font-paragraph-spacing-body-lg: var(--size-9);
349
- --font-paragraph-spacing-body-xl: var(--size-9);
350
- --font-paragraph-spacing-heading-s: var(--size-5);
351
- --font-paragraph-spacing-heading-xs: var(--size-5);
352
- --font-paragraph-spacing-heading-lg: var(--size-6);
353
- --font-paragraph-spacing-heading-m: var(--size-6);
354
- --font-paragraph-spacing-heading-2xl: var(--size-8);
355
- --font-paragraph-spacing-heading-xl: var(--size-8);
356
- --font-size-body-xs: var(--size-6);
357
- --font-size-body-s: var(--size-7);
358
- --font-size-body-lg: var(--size-8);
359
- --font-size-body-m: var(--size-8);
360
- --font-size-body-xl: var(--size-9);
361
- --font-size-heading-xs: var(--size-6);
362
- --font-size-heading-s: var(--size-7);
363
- --font-size-heading-m: var(--size-8);
364
- --font-size-heading-lg: var(--size-9);
365
- --font-size-heading-xl: var(--size-10);
366
- --font-size-heading-2xl: var(--size-11);
321
+ --font-line-height-body-xs:var(--size-8);
322
+ --font-line-height-body-s:var(--size-9);
323
+ --font-line-height-body-lg:var(--size-10);
324
+ --font-line-height-body-m:var(--size-10);
325
+ --font-line-height-body-xl:var(--size-11);
326
+ --font-line-height-heading-s:var(--size-8);
327
+ --font-line-height-heading-xs:var(--size-8);
328
+ --font-line-height-heading-m:var(--size-9);
329
+ --font-line-height-heading-lg:var(--size-10);
330
+ --font-line-height-heading-xl:var(--size-11);
331
+ --font-line-height-heading-2xl:var(--size-12);
332
+ --font-paragraph-spacing-body-xs:var(--size-5);
333
+ --font-paragraph-spacing-body-s:var(--size-6);
334
+ --font-paragraph-spacing-body-m:var(--size-8);
335
+ --font-paragraph-spacing-body-lg:var(--size-9);
336
+ --font-paragraph-spacing-body-xl:var(--size-9);
337
+ --font-paragraph-spacing-heading-s:var(--size-5);
338
+ --font-paragraph-spacing-heading-xs:var(--size-5);
339
+ --font-paragraph-spacing-heading-lg:var(--size-6);
340
+ --font-paragraph-spacing-heading-m:var(--size-6);
341
+ --font-paragraph-spacing-heading-2xl:var(--size-8);
342
+ --font-paragraph-spacing-heading-xl:var(--size-8);
343
+ --font-size-body-xs:var(--size-6);
344
+ --font-size-body-s:var(--size-7);
345
+ --font-size-body-lg:var(--size-8);
346
+ --font-size-body-m:var(--size-8);
347
+ --font-size-body-xl:var(--size-9);
348
+ --font-size-heading-xs:var(--size-6);
349
+ --font-size-heading-s:var(--size-7);
350
+ --font-size-heading-m:var(--size-8);
351
+ --font-size-heading-lg:var(--size-9);
352
+ --font-size-heading-xl:var(--size-10);
353
+ --font-size-heading-2xl:var(--size-11);
367
354
  /* string */
368
- --font-family-nationale: Nationale;
369
- --font-weight-body: 500;
370
- --font-weight-heading: 600;
355
+ --font-family-nationale:Nationale;
356
+ --font-weight-body:500;
357
+ --font-weight-heading:600;
371
358
  }
372
359
 
373
- [view-mode=display] {
360
+ [view-mode=display]{
374
361
  /* number */
375
- --font-line-height-body-xs: var(--size-11);
376
- --font-line-height-body-s: var(--size-12);
377
- --font-line-height-body-m: var(--size-15);
378
- --font-line-height-body-lg: var(--size-18);
379
- --font-line-height-body-xl: var(--size-19);
380
- --font-line-height-heading-xs: var(--size-11);
381
- --font-line-height-heading-s: var(--size-13);
382
- --font-line-height-heading-m: var(--size-15);
383
- --font-line-height-heading-lg: var(--size-18);
384
- --font-line-height-heading-xl: var(--size-20);
385
- --font-line-height-heading-2xl: var(--size-21);
386
- --font-paragraph-spacing-body-xs: var(--size-9);
387
- --font-paragraph-spacing-body-s: var(--size-10);
388
- --font-paragraph-spacing-body-m: var(--size-12);
389
- --font-paragraph-spacing-body-lg: var(--size-14);
390
- --font-paragraph-spacing-body-xl: var(--size-16);
391
- --font-paragraph-spacing-heading-xs: var(--size-6);
392
- --font-paragraph-spacing-heading-s: var(--size-8);
393
- --font-paragraph-spacing-heading-m: var(--size-9);
394
- --font-paragraph-spacing-heading-lg: var(--size-10);
395
- --font-paragraph-spacing-heading-xl: var(--size-12);
396
- --font-paragraph-spacing-heading-2xl: var(--size-13);
397
- --font-size-body-xs: var(--size-9);
398
- --font-size-body-s: var(--size-10);
399
- --font-size-body-m: var(--size-12);
400
- --font-size-body-lg: var(--size-14);
401
- --font-size-body-xl: var(--size-16);
402
- --font-size-heading-xs: var(--size-10);
403
- --font-size-heading-s: var(--size-12);
404
- --font-size-heading-m: var(--size-14);
405
- --font-size-heading-lg: var(--size-16);
406
- --font-size-heading-xl: var(--size-19);
407
- --font-size-heading-2xl: var(--size-20);
362
+ --font-line-height-body-xs:var(--size-11);
363
+ --font-line-height-body-s:var(--size-12);
364
+ --font-line-height-body-m:var(--size-15);
365
+ --font-line-height-body-lg:var(--size-18);
366
+ --font-line-height-body-xl:var(--size-19);
367
+ --font-line-height-heading-xs:var(--size-11);
368
+ --font-line-height-heading-s:var(--size-13);
369
+ --font-line-height-heading-m:var(--size-15);
370
+ --font-line-height-heading-lg:var(--size-18);
371
+ --font-line-height-heading-xl:var(--size-20);
372
+ --font-line-height-heading-2xl:var(--size-21);
373
+ --font-paragraph-spacing-body-xs:var(--size-9);
374
+ --font-paragraph-spacing-body-s:var(--size-10);
375
+ --font-paragraph-spacing-body-m:var(--size-12);
376
+ --font-paragraph-spacing-body-lg:var(--size-14);
377
+ --font-paragraph-spacing-body-xl:var(--size-16);
378
+ --font-paragraph-spacing-heading-xs:var(--size-6);
379
+ --font-paragraph-spacing-heading-s:var(--size-8);
380
+ --font-paragraph-spacing-heading-m:var(--size-9);
381
+ --font-paragraph-spacing-heading-lg:var(--size-10);
382
+ --font-paragraph-spacing-heading-xl:var(--size-12);
383
+ --font-paragraph-spacing-heading-2xl:var(--size-13);
384
+ --font-size-body-xs:var(--size-9);
385
+ --font-size-body-s:var(--size-10);
386
+ --font-size-body-m:var(--size-12);
387
+ --font-size-body-lg:var(--size-14);
388
+ --font-size-body-xl:var(--size-16);
389
+ --font-size-heading-xs:var(--size-10);
390
+ --font-size-heading-s:var(--size-12);
391
+ --font-size-heading-m:var(--size-14);
392
+ --font-size-heading-lg:var(--size-16);
393
+ --font-size-heading-xl:var(--size-19);
394
+ --font-size-heading-2xl:var(--size-20);
408
395
  /* string */
409
- --font-family-nationale: Nationale;
410
- --font-weight-body: 500;
411
- --font-weight-heading: 600;
396
+ --font-family-nationale:Nationale;
397
+ --font-weight-body:500;
398
+ --font-weight-heading:600;
412
399
  }
413
400
 
414
- .eds-heading {
415
- color: var(--components-typography-basetext-standard-text-accent);
416
- font-weight: var(--font-weight-heading);
417
- -webkit-font-smoothing: antialiased;
418
- margin: 0;
419
- }
420
- .eds-contrast .eds-heading {
421
- color: var(--components-typography-basetext-contrast-text-accent);
422
- }
423
- .eds-heading--2xl {
424
- font-size: var(--font-size-heading-2xl);
425
- line-height: var(--font-line-height-heading-2xl);
426
- }
427
- .eds-heading--xl {
428
- font-size: var(--font-size-heading-xl);
429
- line-height: var(--font-line-height-heading-xl);
430
- }
431
- .eds-heading--lg {
432
- font-size: var(--font-size-heading-lg);
433
- line-height: var(--font-line-height-heading-lg);
434
- }
435
- .eds-heading--m {
436
- font-size: var(--font-size-heading-m);
437
- line-height: var(--font-line-height-heading-m);
438
- }
439
- .eds-heading--s {
440
- font-size: var(--font-size-heading-s);
441
- line-height: var(--font-line-height-heading-s);
442
- }
443
- .eds-heading--xs {
444
- font-size: var(--font-size-heading-xs);
445
- line-height: var(--font-line-height-heading-xs);
446
- }
447
- .eds-heading--title-1 {
448
- font-size: var(--font-size-heading-2xl);
449
- line-height: var(--font-line-height-heading-2xl);
450
- margin-bottom: var(--font-paragraph-spacing-heading-lg);
451
- }
452
- .eds-heading--title-1:not(:first-child) {
453
- margin-top: var(--font-paragraph-spacing-heading-lg);
454
- }
455
- .eds-heading--title-2 {
456
- font-size: var(--font-size-heading-xl);
457
- line-height: var(--font-line-height-heading-xl);
458
- margin-bottom: var(--font-paragraph-spacing-heading-xl);
459
- }
460
- .eds-heading--title-2:not(:first-child) {
461
- margin-top: var(--font-paragraph-spacing-heading-xl);
462
- }
463
- .eds-heading--subtitle-1 {
464
- font-size: var(--font-size-heading-lg);
465
- line-height: var(--font-line-height-heading-lg);
466
- margin-bottom: var(--font-paragraph-spacing-heading-lg);
467
- }
468
- .eds-heading--subtitle-1:not(:first-child) {
469
- margin-top: var(--font-paragraph-spacing-heading-lg);
470
- }
471
- .eds-heading--subtitle-2 {
472
- font-size: var(--font-size-heading-m);
473
- line-height: var(--font-line-height-heading-m);
474
- margin-bottom: var(--font-paragraph-spacing-heading-m);
475
- }
476
- .eds-heading--subtitle-2:not(:first-child) {
477
- margin-top: var(--font-paragraph-spacing-heading-m);
478
- }
479
- .eds-heading--section-1 {
480
- font-size: var(--font-size-heading-s);
481
- line-height: var(--font-line-height-heading-s);
482
- margin-bottom: var(--font-paragraph-spacing-heading-s);
483
- }
484
- .eds-heading--section-1:not(:first-child) {
485
- margin-top: var(--font-paragraph-spacing-heading-s);
486
- }
487
- .eds-heading--section-2 {
488
- font-size: var(--font-size-heading-s);
489
- line-height: var(--font-line-height-heading-s);
490
- margin-bottom: var(--font-paragraph-spacing-heading-xs);
491
- }
492
- .eds-heading--section-2:not(:first-child) {
493
- margin-top: var(--font-paragraph-spacing-heading-xs);
494
- }
495
- .eds-heading--spacing-none {
496
- margin-top: 0;
497
- margin-bottom: 0;
498
- }
499
- .eds-heading--spacing-xs2 {
500
- margin-top: 0.25rem;
501
- margin-bottom: 0.25rem;
502
- }
503
- .eds-heading--spacing-xs2-top {
504
- margin-top: 0.25rem;
505
- margin-bottom: 0;
506
- }
507
- .eds-heading--spacing-xs2-bottom {
508
- margin-top: 0;
509
- margin-bottom: 0.25rem;
510
- }
511
- .eds-heading--spacing-xs {
512
- margin-top: 0.5rem;
513
- margin-bottom: 0.5rem;
514
- }
515
- .eds-heading--spacing-xs-top {
516
- margin-top: 0.5rem;
517
- margin-bottom: 0;
518
- }
519
- .eds-heading--spacing-xs-bottom {
520
- margin-top: 0;
521
- margin-bottom: 0.5rem;
522
- }
523
- .eds-heading--spacing-sm {
524
- margin-top: 0.75rem;
525
- margin-bottom: 0.75rem;
526
- }
527
- .eds-heading--spacing-sm-top {
528
- margin-top: 0.75rem;
529
- margin-bottom: 0;
530
- }
531
- .eds-heading--spacing-sm-bottom {
532
- margin-top: 0;
533
- margin-bottom: 0.75rem;
534
- }
535
- .eds-heading--spacing-md {
536
- margin-top: 1rem;
537
- margin-bottom: 1rem;
538
- }
539
- .eds-heading--spacing-md-top {
540
- margin-top: 1rem;
541
- margin-bottom: 0;
542
- }
543
- .eds-heading--spacing-md-bottom {
544
- margin-top: 0;
545
- margin-bottom: 1rem;
546
- }
547
- .eds-heading--spacing-lg {
548
- margin-top: 1.5rem;
549
- margin-bottom: 1.5rem;
550
- }
551
- .eds-heading--spacing-lg-top {
552
- margin-top: 1.5rem;
553
- margin-bottom: 0;
554
- }
555
- .eds-heading--spacing-lg-bottom {
556
- margin-top: 0;
557
- margin-bottom: 1.5rem;
558
- }
559
- .eds-heading--spacing-xl {
560
- margin-top: 2rem;
561
- margin-bottom: 2rem;
562
- }
563
- .eds-heading--spacing-xl-top {
564
- margin-top: 2rem;
565
- margin-bottom: 0;
566
- }
567
- .eds-heading--spacing-xl-bottom {
568
- margin-top: 0;
569
- margin-bottom: 2rem;
401
+ .eds-heading{
402
+ color:#181c56;
403
+ color:var(--components-typography-basetext-standard-text-accent);
404
+ font-weight:600;
405
+ font-weight:var(--font-weight-heading);
406
+ margin:0;
407
+ }
408
+ .eds-contrast .eds-heading{
409
+ color:#ffffff;
410
+ color:var(--components-typography-basetext-contrast-text-accent);
411
+ }
412
+ .eds-heading--2xl{
413
+ font-size:1.75rem;
414
+ font-size:var(--font-size-heading-2xl);
415
+ line-height:2rem;
416
+ line-height:var(--font-line-height-heading-2xl);
417
+ }
418
+ .eds-heading--xl{
419
+ font-size:1.5rem;
420
+ font-size:var(--font-size-heading-xl);
421
+ line-height:1.75rem;
422
+ line-height:var(--font-line-height-heading-xl);
423
+ }
424
+ .eds-heading--lg{
425
+ font-size:1.25rem;
426
+ font-size:var(--font-size-heading-lg);
427
+ line-height:1.5rem;
428
+ line-height:var(--font-line-height-heading-lg);
429
+ }
430
+ .eds-heading--m{
431
+ font-size:1rem;
432
+ font-size:var(--font-size-heading-m);
433
+ line-height:1.25rem;
434
+ line-height:var(--font-line-height-heading-m);
435
+ }
436
+ .eds-heading--s{
437
+ font-size:0.875rem;
438
+ font-size:var(--font-size-heading-s);
439
+ line-height:1rem;
440
+ line-height:var(--font-line-height-heading-s);
441
+ }
442
+ .eds-heading--xs{
443
+ font-size:0.75rem;
444
+ font-size:var(--font-size-heading-xs);
445
+ line-height:1rem;
446
+ line-height:var(--font-line-height-heading-xs);
447
+ }
448
+ .eds-heading--title-1{
449
+ font-size:1.75rem;
450
+ font-size:var(--font-size-heading-2xl);
451
+ line-height:2rem;
452
+ line-height:var(--font-line-height-heading-2xl);
453
+ margin-bottom:0.75rem;
454
+ margin-bottom:var(--font-paragraph-spacing-heading-lg);
455
+ }
456
+ .eds-heading--title-1:not(:first-child){
457
+ margin-top:0.75rem;
458
+ margin-top:var(--font-paragraph-spacing-heading-lg);
459
+ }
460
+ .eds-heading--title-2{
461
+ font-size:1.5rem;
462
+ font-size:var(--font-size-heading-xl);
463
+ line-height:1.75rem;
464
+ line-height:var(--font-line-height-heading-xl);
465
+ margin-bottom:1rem;
466
+ margin-bottom:var(--font-paragraph-spacing-heading-xl);
467
+ }
468
+ .eds-heading--title-2:not(:first-child){
469
+ margin-top:1rem;
470
+ margin-top:var(--font-paragraph-spacing-heading-xl);
471
+ }
472
+ .eds-heading--subtitle-1{
473
+ font-size:1.25rem;
474
+ font-size:var(--font-size-heading-lg);
475
+ line-height:1.5rem;
476
+ line-height:var(--font-line-height-heading-lg);
477
+ margin-bottom:0.75rem;
478
+ margin-bottom:var(--font-paragraph-spacing-heading-lg);
479
+ }
480
+ .eds-heading--subtitle-1:not(:first-child){
481
+ margin-top:0.75rem;
482
+ margin-top:var(--font-paragraph-spacing-heading-lg);
483
+ }
484
+ .eds-heading--subtitle-2{
485
+ font-size:1rem;
486
+ font-size:var(--font-size-heading-m);
487
+ line-height:1.25rem;
488
+ line-height:var(--font-line-height-heading-m);
489
+ margin-bottom:0.75rem;
490
+ margin-bottom:var(--font-paragraph-spacing-heading-m);
491
+ }
492
+ .eds-heading--subtitle-2:not(:first-child){
493
+ margin-top:0.75rem;
494
+ margin-top:var(--font-paragraph-spacing-heading-m);
495
+ }
496
+ .eds-heading--section-1{
497
+ font-size:0.875rem;
498
+ font-size:var(--font-size-heading-s);
499
+ line-height:1rem;
500
+ line-height:var(--font-line-height-heading-s);
501
+ margin-bottom:0.5rem;
502
+ margin-bottom:var(--font-paragraph-spacing-heading-s);
503
+ }
504
+ .eds-heading--section-1:not(:first-child){
505
+ margin-top:0.5rem;
506
+ margin-top:var(--font-paragraph-spacing-heading-s);
507
+ }
508
+ .eds-heading--section-2{
509
+ font-size:0.875rem;
510
+ font-size:var(--font-size-heading-s);
511
+ line-height:1rem;
512
+ line-height:var(--font-line-height-heading-s);
513
+ margin-bottom:0.5rem;
514
+ margin-bottom:var(--font-paragraph-spacing-heading-xs);
515
+ }
516
+ .eds-heading--section-2:not(:first-child){
517
+ margin-top:0.5rem;
518
+ margin-top:var(--font-paragraph-spacing-heading-xs);
519
+ }
520
+ .eds-heading--spacing-none{
521
+ margin-top:0;
522
+ margin-bottom:0;
523
+ }
524
+ .eds-heading--spacing-xs2{
525
+ margin-top:0.25rem;
526
+ margin-bottom:0.25rem;
527
+ }
528
+ .eds-heading--spacing-xs2-top{
529
+ margin-top:0.25rem;
530
+ margin-bottom:0;
531
+ }
532
+ .eds-heading--spacing-xs2-bottom{
533
+ margin-top:0;
534
+ margin-bottom:0.25rem;
535
+ }
536
+ .eds-heading--spacing-xs{
537
+ margin-top:0.5rem;
538
+ margin-bottom:0.5rem;
539
+ }
540
+ .eds-heading--spacing-xs-top{
541
+ margin-top:0.5rem;
542
+ margin-bottom:0;
543
+ }
544
+ .eds-heading--spacing-xs-bottom{
545
+ margin-top:0;
546
+ margin-bottom:0.5rem;
547
+ }
548
+ .eds-heading--spacing-sm{
549
+ margin-top:0.75rem;
550
+ margin-bottom:0.75rem;
551
+ }
552
+ .eds-heading--spacing-sm-top{
553
+ margin-top:0.75rem;
554
+ margin-bottom:0;
555
+ }
556
+ .eds-heading--spacing-sm-bottom{
557
+ margin-top:0;
558
+ margin-bottom:0.75rem;
559
+ }
560
+ .eds-heading--spacing-md{
561
+ margin-top:1rem;
562
+ margin-bottom:1rem;
563
+ }
564
+ .eds-heading--spacing-md-top{
565
+ margin-top:1rem;
566
+ margin-bottom:0;
567
+ }
568
+ .eds-heading--spacing-md-bottom{
569
+ margin-top:0;
570
+ margin-bottom:1rem;
571
+ }
572
+ .eds-heading--spacing-lg{
573
+ margin-top:1.5rem;
574
+ margin-bottom:1.5rem;
575
+ }
576
+ .eds-heading--spacing-lg-top{
577
+ margin-top:1.5rem;
578
+ margin-bottom:0;
579
+ }
580
+ .eds-heading--spacing-lg-bottom{
581
+ margin-top:0;
582
+ margin-bottom:1.5rem;
583
+ }
584
+ .eds-heading--spacing-xl{
585
+ margin-top:2rem;
586
+ margin-bottom:2rem;
587
+ }
588
+ .eds-heading--spacing-xl-top{
589
+ margin-top:2rem;
590
+ margin-bottom:0;
591
+ }
592
+ .eds-heading--spacing-xl-bottom{
593
+ margin-top:0;
594
+ margin-bottom:2rem;
570
595
  }