@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/styles.css CHANGED
@@ -8,24 +8,28 @@ Use a better box model (opinionated).
8
8
  */
9
9
  *,
10
10
  ::before,
11
- ::after {
12
- box-sizing: border-box;
11
+ ::after{
12
+ -webkit-box-sizing:border-box;
13
+ -moz-box-sizing:border-box;
14
+ box-sizing:border-box;
13
15
  }
14
16
 
15
- html {
17
+ html{
16
18
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
17
- font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
18
- line-height: 1.15; /* 1. Correct the line height in all browsers. */
19
- -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
20
- tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
19
+ font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
20
+ line-height:1.15; /* 1. Correct the line height in all browsers. */
21
+ -webkit-text-size-adjust:100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
22
+ -moz-tab-size:4;
23
+ -o-tab-size:4;
24
+ tab-size:4; /* 3. Use a more readable tab size (opinionated). */
21
25
  }
22
26
 
23
27
  /*
24
28
  Sections
25
29
  ========
26
30
  */
27
- body {
28
- margin: 0; /* Remove the margin in all browsers. */
31
+ body{
32
+ margin:0; /* Remove the margin in all browsers. */
29
33
  }
30
34
 
31
35
  /*
@@ -36,8 +40,8 @@ Text-level semantics
36
40
  Add the correct font weight in Chrome and Safari.
37
41
  */
38
42
  b,
39
- strong {
40
- font-weight: bolder;
43
+ strong{
44
+ font-weight:bolder;
41
45
  }
42
46
 
43
47
  /**
@@ -47,35 +51,35 @@ strong {
47
51
  code,
48
52
  kbd,
49
53
  samp,
50
- pre {
51
- font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
52
- font-size: 1em; /* 2 */
54
+ pre{
55
+ font-family:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
56
+ font-size:1em; /* 2 */
53
57
  }
54
58
 
55
59
  /**
56
60
  Add the correct font size in all browsers.
57
61
  */
58
- small {
59
- font-size: 80%;
62
+ small{
63
+ font-size:80%;
60
64
  }
61
65
 
62
66
  /**
63
67
  Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
64
68
  */
65
69
  sub,
66
- sup {
67
- font-size: 75%;
68
- line-height: 0;
69
- position: relative;
70
- vertical-align: baseline;
70
+ sup{
71
+ font-size:75%;
72
+ line-height:0;
73
+ position:relative;
74
+ vertical-align:baseline;
71
75
  }
72
76
 
73
- sub {
74
- bottom: -0.25em;
77
+ sub{
78
+ bottom:-0.25em;
75
79
  }
76
80
 
77
- sup {
78
- top: -0.5em;
81
+ sup{
82
+ top:-0.5em;
79
83
  }
80
84
 
81
85
  /*
@@ -85,8 +89,8 @@ Tabular data
85
89
  /**
86
90
  Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
87
91
  */
88
- table {
89
- border-color: currentcolor;
92
+ table{
93
+ border-color:currentcolor;
90
94
  }
91
95
 
92
96
  /*
@@ -101,11 +105,11 @@ button,
101
105
  input,
102
106
  optgroup,
103
107
  select,
104
- textarea {
105
- font-family: inherit; /* 1 */
106
- font-size: 100%; /* 1 */
107
- line-height: 1.15; /* 1 */
108
- margin: 0; /* 2 */
108
+ textarea{
109
+ font-family:inherit; /* 1 */
110
+ font-size:100%; /* 1 */
111
+ line-height:1.15; /* 1 */
112
+ margin:0; /* 2 */
109
113
  }
110
114
 
111
115
  /**
@@ -114,55 +118,55 @@ Correct the inability to style clickable types in iOS and Safari.
114
118
  button,
115
119
  [type=button],
116
120
  [type=reset],
117
- [type=submit] {
118
- -webkit-appearance: button;
121
+ [type=submit]{
122
+ -webkit-appearance:button;
119
123
  }
120
124
 
121
125
  /**
122
126
  Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
123
127
  */
124
- legend {
125
- padding: 0;
128
+ legend{
129
+ padding:0;
126
130
  }
127
131
 
128
132
  /**
129
133
  Add the correct vertical alignment in Chrome and Firefox.
130
134
  */
131
- progress {
132
- vertical-align: baseline;
135
+ progress{
136
+ vertical-align:baseline;
133
137
  }
134
138
 
135
139
  /**
136
140
  Correct the cursor style of increment and decrement buttons in Safari.
137
141
  */
138
142
  ::-webkit-inner-spin-button,
139
- ::-webkit-outer-spin-button {
140
- height: auto;
143
+ ::-webkit-outer-spin-button{
144
+ height:auto;
141
145
  }
142
146
 
143
147
  /**
144
148
  1. Correct the odd appearance in Chrome and Safari.
145
149
  2. Correct the outline style in Safari.
146
150
  */
147
- [type=search] {
148
- -webkit-appearance: textfield; /* 1 */
149
- outline-offset: -2px; /* 2 */
151
+ [type=search]{
152
+ -webkit-appearance:textfield; /* 1 */
153
+ outline-offset:-2px; /* 2 */
150
154
  }
151
155
 
152
156
  /**
153
157
  Remove the inner padding in Chrome and Safari on macOS.
154
158
  */
155
- ::-webkit-search-decoration {
156
- -webkit-appearance: none;
159
+ ::-webkit-search-decoration{
160
+ -webkit-appearance:none;
157
161
  }
158
162
 
159
163
  /**
160
164
  1. Correct the inability to style clickable types in iOS and Safari.
161
165
  2. Change font properties to 'inherit' in Safari.
162
166
  */
163
- ::-webkit-file-upload-button {
164
- -webkit-appearance: button; /* 1 */
165
- font: inherit; /* 2 */
167
+ ::-webkit-file-upload-button{
168
+ -webkit-appearance:button; /* 1 */
169
+ font:inherit; /* 2 */
166
170
  }
167
171
 
168
172
  /*
@@ -172,310 +176,303 @@ Interactive
172
176
  /*
173
177
  Add the correct display in Chrome and Safari.
174
178
  */
175
- summary {
176
- display: list-item;
177
- }
178
-
179
- /* DO NOT CHANGE!*/
180
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
181
- /* DO NOT CHANGE!*/
182
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
183
- /* DO NOT CHANGE!*/
184
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
185
- /* DO NOT CHANGE!*/
186
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
187
- /* DO NOT CHANGE!*/
188
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
179
+ summary{
180
+ display:list-item;
181
+ }
189
182
  [data-color-mode=light],
190
- :root {
191
- --basecolors-frame-contrast: #181c56;
192
- --basecolors-frame-contrastalt: #393d79;
193
- --basecolors-frame-contrastalt-2: #292b6a;
194
- --basecolors-frame-default: #ffffff;
195
- --basecolors-frame-elevated: #ffffff;
196
- --basecolors-frame-elevatedalt: #f6f6f9;
197
- --basecolors-frame-subdued: #d9dae8;
198
- --basecolors-frame-tint: #f6f6f9;
199
- --basecolors-shape-accent: #181c56;
200
- --basecolors-shape-bicycle-contrast: #00db9b;
201
- --basecolors-shape-bicycle-default: #33826b;
202
- --basecolors-shape-bus-contrast: #ff6392;
203
- --basecolors-shape-bus-default: #c5044e;
204
- --basecolors-shape-cableway-contrast: #b482fb;
205
- --basecolors-shape-cableway-default: #78469a;
206
- --basecolors-shape-disabled: #6e6f73;
207
- --basecolors-shape-disabledalt: #b6b8ba;
208
- --basecolors-shape-ferry-contrast: #6fdfff;
209
- --basecolors-shape-ferry-default: #0c6693;
210
- --basecolors-shape-funicular-contrast: #b482fb;
211
- --basecolors-shape-funicular-default: #78469a;
212
- --basecolors-shape-helicopter-contrast: #fbafea;
213
- --basecolors-shape-helicopter-default: #800664;
214
- --basecolors-shape-highlight: #ff5959;
215
- --basecolors-shape-light: #ffffff;
216
- --basecolors-shape-mask: #ffffff;
217
- --basecolors-shape-maskalt: #ffffff;
218
- --basecolors-shape-metro-contrast: #f08901;
219
- --basecolors-shape-metro-default: #bf5826;
220
- --basecolors-shape-mobility-contrast: #00db9b;
221
- --basecolors-shape-mobility-default: #33826b;
222
- --basecolors-shape-plane-contrast: #fbafea;
223
- --basecolors-shape-plane-default: #800664;
224
- --basecolors-shape-subdued: #626493;
225
- --basecolors-shape-subduedalt: #d9dae8;
226
- --basecolors-shape-taxi-contrast: #ffe082;
227
- --basecolors-shape-taxi-default: #3d3e40;
228
- --basecolors-shape-train-contrast: #42a5f5;
229
- --basecolors-shape-train-default: #00367f;
230
- --basecolors-shape-tram-contrast: #b482fb;
231
- --basecolors-shape-tram-default: #78469a;
232
- --basecolors-shape-walk-contrast: #8284ab;
233
- --basecolors-shape-walk-default: #8d8e9c;
234
- --basecolors-shape-airportlinkbus-contrast: #fbafea;
235
- --basecolors-shape-airportlinkbus-default: #800664;
236
- --basecolors-shape-airportlinkrail-contrast: #fbafea;
237
- --basecolors-shape-airportlinkrail-default: #800664;
238
- --basecolors-stroke-contrast: #aeb7e2;
239
- --basecolors-stroke-default: #181c56;
240
- --basecolors-stroke-disabled: #949699;
241
- --basecolors-stroke-focus-contrast: #aeb7e2;
242
- --basecolors-stroke-focus-standard: #181c56;
243
- --basecolors-stroke-highlight: #ff5959;
244
- --basecolors-stroke-light: #ffffff;
245
- --basecolors-stroke-subdued: #8284ab;
246
- --basecolors-stroke-subduedalt: #e3e6e8;
247
- --basecolors-text-accent: #181c56;
248
- --basecolors-text-disabled: #6e6f73;
249
- --basecolors-text-disabledalt: #b6b8ba;
250
- --basecolors-text-highlight: #ff5959;
251
- --basecolors-text-light: #ffffff;
252
- --basecolors-text-subdued: #626493;
253
- --basecolors-text-subduedalt: #d9dae8;
254
- }
255
-
256
- [data-color-mode=dark] {
257
- --basecolors-frame-contrast: #212233;
258
- --basecolors-frame-contrastalt: #141527;
259
- --basecolors-frame-contrastalt-2: #08091c;
260
- --basecolors-frame-default: #08091c;
261
- --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
262
- --basecolors-frame-elevatedalt: #464755;
263
- --basecolors-frame-subdued: #2d2e3e;
264
- --basecolors-frame-tint: #141527;
265
- --basecolors-shape-accent: #e5e5e9;
266
- --basecolors-shape-bicycle-contrast: #4db295;
267
- --basecolors-shape-bicycle-default: #4db295;
268
- --basecolors-shape-bus-contrast: #ef7398;
269
- --basecolors-shape-bus-default: #ef7398;
270
- --basecolors-shape-cableway-contrast: #b898e5;
271
- --basecolors-shape-cableway-default: #b898e5;
272
- --basecolors-shape-disabled: #b6b8ba;
273
- --basecolors-shape-disabledalt: #b3b4bd;
274
- --basecolors-shape-ferry-contrast: #8ccfe2;
275
- --basecolors-shape-ferry-default: #8ccfe2;
276
- --basecolors-shape-funicular-contrast: #b898e5;
277
- --basecolors-shape-funicular-default: #b898e5;
278
- --basecolors-shape-helicopter-contrast: #f2b8e5;
279
- --basecolors-shape-helicopter-default: #f2b8e5;
280
- --basecolors-shape-highlight: #ff9494;
281
- --basecolors-shape-light: #e5e5e9;
282
- --basecolors-shape-mask: #2d2e3e;
283
- --basecolors-shape-maskalt: #393a49;
284
- --basecolors-shape-metro-contrast: #dd973c;
285
- --basecolors-shape-metro-default: #dd973c;
286
- --basecolors-shape-mobility-contrast: #4db295;
287
- --basecolors-shape-mobility-default: #4db295;
288
- --basecolors-shape-plane-contrast: #f2b8e5;
289
- --basecolors-shape-plane-default: #f2b8e5;
290
- --basecolors-shape-subdued: #b3b4bd;
291
- --basecolors-shape-subduedalt: #b3b4bd;
292
- --basecolors-shape-taxi-contrast: #ffe082;
293
- --basecolors-shape-taxi-default: #ffe082;
294
- --basecolors-shape-train-contrast: #60a2d7;
295
- --basecolors-shape-train-default: #60a2d7;
296
- --basecolors-shape-tram-contrast: #b898e5;
297
- --basecolors-shape-tram-default: #b898e5;
298
- --basecolors-shape-walk-contrast: #8d8e9c;
299
- --basecolors-shape-walk-default: #8d8e9c;
300
- --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
301
- --basecolors-shape-airportlinkbus-default: #f2b8e5;
302
- --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
303
- --basecolors-shape-airportlinkrail-default: #f2b8e5;
304
- --basecolors-stroke-contrast: #aeb7e2;
305
- --basecolors-stroke-default: #b3b4bd;
306
- --basecolors-stroke-disabled: #e3e6e8;
307
- --basecolors-stroke-focus-contrast: #aeb7e2;
308
- --basecolors-stroke-focus-standard: #aeb7e2;
309
- --basecolors-stroke-highlight: #ff9494;
310
- --basecolors-stroke-light: #b3b4bd;
311
- --basecolors-stroke-subdued: #81828f;
312
- --basecolors-stroke-subduedalt: #949699;
313
- --basecolors-text-accent: #e5e5e9;
314
- --basecolors-text-disabled: #b6b8ba;
315
- --basecolors-text-disabledalt: #b6b8ba;
316
- --basecolors-text-highlight: #ff9494;
317
- --basecolors-text-light: #e5e5e9;
318
- --basecolors-text-subdued: #b3b4bd;
319
- --basecolors-text-subduedalt: #b3b4bd;
320
- }
321
-
322
- /* DO NOT CHANGE!*/
323
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
183
+ :root{
184
+ --basecolors-frame-contrast:#181c56;
185
+ --basecolors-frame-contrastalt:#393d79;
186
+ --basecolors-frame-contrastalt-2:#292b6a;
187
+ --basecolors-frame-default:#ffffff;
188
+ --basecolors-frame-elevated:#ffffff;
189
+ --basecolors-frame-elevatedalt:#f6f6f9;
190
+ --basecolors-frame-subdued:#d9dae8;
191
+ --basecolors-frame-tint:#f6f6f9;
192
+ --basecolors-shape-accent:#181c56;
193
+ --basecolors-shape-bicycle-contrast:#00db9b;
194
+ --basecolors-shape-bicycle-default:#33826b;
195
+ --basecolors-shape-bus-contrast:#ff6392;
196
+ --basecolors-shape-bus-default:#c5044e;
197
+ --basecolors-shape-cableway-contrast:#b482fb;
198
+ --basecolors-shape-cableway-default:#78469a;
199
+ --basecolors-shape-disabled:#6e6f73;
200
+ --basecolors-shape-disabledalt:#b6b8ba;
201
+ --basecolors-shape-ferry-contrast:#6fdfff;
202
+ --basecolors-shape-ferry-default:#0c6693;
203
+ --basecolors-shape-funicular-contrast:#b482fb;
204
+ --basecolors-shape-funicular-default:#78469a;
205
+ --basecolors-shape-helicopter-contrast:#fbafea;
206
+ --basecolors-shape-helicopter-default:#800664;
207
+ --basecolors-shape-highlight:#ff5959;
208
+ --basecolors-shape-light:#ffffff;
209
+ --basecolors-shape-mask:#ffffff;
210
+ --basecolors-shape-maskalt:#ffffff;
211
+ --basecolors-shape-metro-contrast:#f08901;
212
+ --basecolors-shape-metro-default:#bf5826;
213
+ --basecolors-shape-mobility-contrast:#00db9b;
214
+ --basecolors-shape-mobility-default:#33826b;
215
+ --basecolors-shape-plane-contrast:#fbafea;
216
+ --basecolors-shape-plane-default:#800664;
217
+ --basecolors-shape-subdued:#626493;
218
+ --basecolors-shape-subduedalt:#d9dae8;
219
+ --basecolors-shape-taxi-contrast:#ffe082;
220
+ --basecolors-shape-taxi-default:#3d3e40;
221
+ --basecolors-shape-train-contrast:#42a5f5;
222
+ --basecolors-shape-train-default:#00367f;
223
+ --basecolors-shape-tram-contrast:#b482fb;
224
+ --basecolors-shape-tram-default:#78469a;
225
+ --basecolors-shape-walk-contrast:#8284ab;
226
+ --basecolors-shape-walk-default:#8d8e9c;
227
+ --basecolors-shape-airportlinkbus-contrast:#fbafea;
228
+ --basecolors-shape-airportlinkbus-default:#800664;
229
+ --basecolors-shape-airportlinkrail-contrast:#fbafea;
230
+ --basecolors-shape-airportlinkrail-default:#800664;
231
+ --basecolors-stroke-contrast:#aeb7e2;
232
+ --basecolors-stroke-default:#181c56;
233
+ --basecolors-stroke-disabled:#949699;
234
+ --basecolors-stroke-focus-contrast:#aeb7e2;
235
+ --basecolors-stroke-focus-standard:#181c56;
236
+ --basecolors-stroke-highlight:#ff5959;
237
+ --basecolors-stroke-light:#ffffff;
238
+ --basecolors-stroke-subdued:#8284ab;
239
+ --basecolors-stroke-subduedalt:#e3e6e8;
240
+ --basecolors-text-accent:#181c56;
241
+ --basecolors-text-disabled:#6e6f73;
242
+ --basecolors-text-disabledalt:#b6b8ba;
243
+ --basecolors-text-highlight:#ff5959;
244
+ --basecolors-text-light:#ffffff;
245
+ --basecolors-text-subdued:#626493;
246
+ --basecolors-text-subduedalt:#d9dae8;
247
+ }
248
+
249
+ [data-color-mode=dark]{
250
+ --basecolors-frame-contrast:#212233;
251
+ --basecolors-frame-contrastalt:#141527;
252
+ --basecolors-frame-contrastalt-2:#08091c;
253
+ --basecolors-frame-default:#08091c;
254
+ --basecolors-frame-elevated:rgba(229, 229, 233, 0.1490196078);
255
+ --basecolors-frame-elevatedalt:#464755;
256
+ --basecolors-frame-subdued:#2d2e3e;
257
+ --basecolors-frame-tint:#141527;
258
+ --basecolors-shape-accent:#e5e5e9;
259
+ --basecolors-shape-bicycle-contrast:#4db295;
260
+ --basecolors-shape-bicycle-default:#4db295;
261
+ --basecolors-shape-bus-contrast:#ef7398;
262
+ --basecolors-shape-bus-default:#ef7398;
263
+ --basecolors-shape-cableway-contrast:#b898e5;
264
+ --basecolors-shape-cableway-default:#b898e5;
265
+ --basecolors-shape-disabled:#b6b8ba;
266
+ --basecolors-shape-disabledalt:#b3b4bd;
267
+ --basecolors-shape-ferry-contrast:#8ccfe2;
268
+ --basecolors-shape-ferry-default:#8ccfe2;
269
+ --basecolors-shape-funicular-contrast:#b898e5;
270
+ --basecolors-shape-funicular-default:#b898e5;
271
+ --basecolors-shape-helicopter-contrast:#f2b8e5;
272
+ --basecolors-shape-helicopter-default:#f2b8e5;
273
+ --basecolors-shape-highlight:#ff9494;
274
+ --basecolors-shape-light:#e5e5e9;
275
+ --basecolors-shape-mask:#2d2e3e;
276
+ --basecolors-shape-maskalt:#393a49;
277
+ --basecolors-shape-metro-contrast:#dd973c;
278
+ --basecolors-shape-metro-default:#dd973c;
279
+ --basecolors-shape-mobility-contrast:#4db295;
280
+ --basecolors-shape-mobility-default:#4db295;
281
+ --basecolors-shape-plane-contrast:#f2b8e5;
282
+ --basecolors-shape-plane-default:#f2b8e5;
283
+ --basecolors-shape-subdued:#b3b4bd;
284
+ --basecolors-shape-subduedalt:#b3b4bd;
285
+ --basecolors-shape-taxi-contrast:#ffe082;
286
+ --basecolors-shape-taxi-default:#ffe082;
287
+ --basecolors-shape-train-contrast:#60a2d7;
288
+ --basecolors-shape-train-default:#60a2d7;
289
+ --basecolors-shape-tram-contrast:#b898e5;
290
+ --basecolors-shape-tram-default:#b898e5;
291
+ --basecolors-shape-walk-contrast:#8d8e9c;
292
+ --basecolors-shape-walk-default:#8d8e9c;
293
+ --basecolors-shape-airportlinkbus-contrast:#f2b8e5;
294
+ --basecolors-shape-airportlinkbus-default:#f2b8e5;
295
+ --basecolors-shape-airportlinkrail-contrast:#f2b8e5;
296
+ --basecolors-shape-airportlinkrail-default:#f2b8e5;
297
+ --basecolors-stroke-contrast:#aeb7e2;
298
+ --basecolors-stroke-default:#b3b4bd;
299
+ --basecolors-stroke-disabled:#e3e6e8;
300
+ --basecolors-stroke-focus-contrast:#aeb7e2;
301
+ --basecolors-stroke-focus-standard:#aeb7e2;
302
+ --basecolors-stroke-highlight:#ff9494;
303
+ --basecolors-stroke-light:#b3b4bd;
304
+ --basecolors-stroke-subdued:#81828f;
305
+ --basecolors-stroke-subduedalt:#949699;
306
+ --basecolors-text-accent:#e5e5e9;
307
+ --basecolors-text-disabled:#b6b8ba;
308
+ --basecolors-text-disabledalt:#b6b8ba;
309
+ --basecolors-text-highlight:#ff9494;
310
+ --basecolors-text-light:#e5e5e9;
311
+ --basecolors-text-subdued:#b3b4bd;
312
+ --basecolors-text-subduedalt:#b3b4bd;
313
+ }
324
314
  [data-color-mode=light],
325
- :root {
326
- --components-typography-basetext-contrast-text-accent: #ffffff;
327
- --components-typography-basetext-standard-text-accent: #181c56;
328
- --components-typography-blockquote-contrast-stroke: #8284ab;
329
- --components-typography-blockquote-contrast-text-accent: #ffffff;
330
- --components-typography-blockquote-contrast-text-subdued: #d9dae8;
331
- --components-typography-blockquote-standard-stroke: #8284ab;
332
- --components-typography-blockquote-standard-text-accent: #181c56;
333
- --components-typography-blockquote-standard-text-subdued: #626493;
334
- --components-typography-codetext-contrast-border: rgba(255, 255, 255, 0);
335
- --components-typography-codetext-contrast-border-interactive: #aeb7e2;
336
- --components-typography-codetext-contrast-fill: #f6f6f9;
337
- --components-typography-codetext-contrast-text: #181c56;
338
- --components-typography-codetext-standard-border: rgba(84, 86, 140, 0.4);
339
- --components-typography-codetext-standard-border-interactive: #181c56;
340
- --components-typography-codetext-standard-fill: #f6f6f9;
341
- --components-typography-codetext-standard-text: #181c56;
342
- --components-typography-label-contrast-text-accent: #d9dae8;
343
- --components-typography-label-standard-text-accent: #626493;
344
- --components-typography-list-contrast-border: #aeb7e2;
345
- --components-typography-list-contrast-text-accent: #ffffff;
346
- --components-typography-list-standard-border: #aeb7e2;
347
- --components-typography-list-standard-text-accent: #181c56;
348
- }
349
-
350
- [data-color-mode=dark] {
351
- --components-typography-basetext-contrast-text-accent: #e5e5e9;
352
- --components-typography-basetext-standard-text-accent: #e5e5e9;
353
- --components-typography-blockquote-contrast-stroke: #81828f;
354
- --components-typography-blockquote-contrast-text-accent: #e5e5e9;
355
- --components-typography-blockquote-contrast-text-subdued: #b3b4bd;
356
- --components-typography-blockquote-standard-stroke: #81828f;
357
- --components-typography-blockquote-standard-text-accent: #e5e5e9;
358
- --components-typography-blockquote-standard-text-subdued: #b3b4bd;
359
- --components-typography-codetext-contrast-border: rgba(255, 255, 255, 0);
360
- --components-typography-codetext-contrast-border-interactive: #e5e5e9;
361
- --components-typography-codetext-contrast-fill: #393a49;
362
- --components-typography-codetext-contrast-text: #e5e5e9;
363
- --components-typography-codetext-standard-border: rgba(255, 255, 255, 0);
364
- --components-typography-codetext-standard-border-interactive: #e5e5e9;
365
- --components-typography-codetext-standard-fill: #393a49;
366
- --components-typography-codetext-standard-text: #e5e5e9;
367
- --components-typography-label-contrast-text-accent: #e5e5e9;
368
- --components-typography-label-standard-text-accent: #e5e5e9;
369
- --components-typography-list-contrast-border: #aeb7e2;
370
- --components-typography-list-contrast-text-accent: #e5e5e9;
371
- --components-typography-list-standard-border: #aeb7e2;
372
- --components-typography-list-standard-text-accent: #e5e5e9;
373
- }
374
-
375
- @font-face {
376
- font-family: "Nationale";
377
- src: url("./fonts/Entur-Nationale-Light.eot");
378
- src: url("./fonts/Entur-Nationale-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Light.woff2") format("woff2"), url("./fonts/Entur-Nationale-Light.woff") format("woff");
379
- font-weight: 300;
380
- font-style: normal;
381
- font-display: swap;
382
- }
383
- @font-face {
384
- font-family: "Nationale";
385
- src: url("./fonts/Entur-Nationale-LightItalic.eot");
386
- src: url("./fonts/Entur-Nationale-LightItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-LightItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-LightItalic.woff") format("woff");
387
- font-weight: 300;
388
- font-style: italic;
389
- font-display: swap;
390
- }
391
- @font-face {
392
- font-family: "Nationale";
393
- src: url("./fonts/Entur-Nationale-Regular.eot");
394
- src: url("./fonts/Entur-Nationale-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Regular.woff2") format("woff2"), url("./fonts/Entur-Nationale-Regular.woff") format("woff");
395
- font-weight: 400;
396
- font-style: normal;
397
- font-display: swap;
398
- }
399
- @font-face {
400
- font-family: "Nationale";
401
- src: url("./fonts/Entur-Nationale-Italic.eot");
402
- src: url("./fonts/Entur-Nationale-Italic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Italic.woff2") format("woff2"), url("./fonts/Entur-Nationale-Italic.woff") format("woff");
403
- font-weight: 400;
404
- font-style: italic;
405
- font-display: swap;
406
- }
407
- @font-face {
408
- font-family: "Nationale";
409
- src: url("./fonts/Entur-Nationale-Medium.eot");
410
- src: url("./fonts/Entur-Nationale-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Medium.woff2") format("woff2"), url("./fonts/Entur-Nationale-Medium.woff") format("woff");
411
- font-weight: 500;
412
- font-style: normal;
413
- font-display: swap;
414
- }
415
- @font-face {
416
- font-family: "Nationale";
417
- src: url("./fonts/Entur-Nationale-MediumItalic.eot");
418
- src: url("./fonts/Entur-Nationale-MediumItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-MediumItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-MediumItalic.woff") format("woff");
419
- font-weight: 500;
420
- font-style: italic;
421
- font-display: swap;
422
- }
423
- @font-face {
424
- font-family: "Nationale";
425
- src: url("./fonts/Entur-Nationale-Demibold.eot");
426
- src: url("./fonts/Entur-Nationale-Demibold.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Demibold.woff2") format("woff2"), url("./fonts/Entur-Nationale-Demibold.woff") format("woff");
427
- font-weight: 600;
428
- font-style: normal;
429
- font-display: swap;
430
- }
431
- @font-face {
432
- font-family: "Nationale";
433
- src: url("./fonts/Entur-Nationale-DemiboldItalic.eot");
434
- src: url("./fonts/Entur-Nationale-DemiboldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-DemiboldItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-DemiboldItalic.woff") format("woff");
435
- font-weight: 600;
436
- font-style: italic;
437
- font-display: swap;
315
+ :root{
316
+ --components-typography-basetext-contrast-text-accent:#ffffff;
317
+ --components-typography-basetext-standard-text-accent:#181c56;
318
+ --components-typography-blockquote-contrast-stroke:#8284ab;
319
+ --components-typography-blockquote-contrast-text-accent:#ffffff;
320
+ --components-typography-blockquote-contrast-text-subdued:#d9dae8;
321
+ --components-typography-blockquote-standard-stroke:#8284ab;
322
+ --components-typography-blockquote-standard-text-accent:#181c56;
323
+ --components-typography-blockquote-standard-text-subdued:#626493;
324
+ --components-typography-codetext-contrast-border:rgba(255, 255, 255, 0);
325
+ --components-typography-codetext-contrast-border-interactive:#aeb7e2;
326
+ --components-typography-codetext-contrast-fill:#f6f6f9;
327
+ --components-typography-codetext-contrast-text:#181c56;
328
+ --components-typography-codetext-standard-border:rgba(84, 86, 140, 0.4);
329
+ --components-typography-codetext-standard-border-interactive:#181c56;
330
+ --components-typography-codetext-standard-fill:#f6f6f9;
331
+ --components-typography-codetext-standard-text:#181c56;
332
+ --components-typography-label-contrast-text-accent:#d9dae8;
333
+ --components-typography-label-standard-text-accent:#626493;
334
+ --components-typography-list-contrast-border:#aeb7e2;
335
+ --components-typography-list-contrast-text-accent:#ffffff;
336
+ --components-typography-list-standard-border:#aeb7e2;
337
+ --components-typography-list-standard-text-accent:#181c56;
338
+ }
339
+
340
+ [data-color-mode=dark]{
341
+ --components-typography-basetext-contrast-text-accent:#e5e5e9;
342
+ --components-typography-basetext-standard-text-accent:#e5e5e9;
343
+ --components-typography-blockquote-contrast-stroke:#81828f;
344
+ --components-typography-blockquote-contrast-text-accent:#e5e5e9;
345
+ --components-typography-blockquote-contrast-text-subdued:#b3b4bd;
346
+ --components-typography-blockquote-standard-stroke:#81828f;
347
+ --components-typography-blockquote-standard-text-accent:#e5e5e9;
348
+ --components-typography-blockquote-standard-text-subdued:#b3b4bd;
349
+ --components-typography-codetext-contrast-border:rgba(255, 255, 255, 0);
350
+ --components-typography-codetext-contrast-border-interactive:#e5e5e9;
351
+ --components-typography-codetext-contrast-fill:#393a49;
352
+ --components-typography-codetext-contrast-text:#e5e5e9;
353
+ --components-typography-codetext-standard-border:rgba(255, 255, 255, 0);
354
+ --components-typography-codetext-standard-border-interactive:#e5e5e9;
355
+ --components-typography-codetext-standard-fill:#393a49;
356
+ --components-typography-codetext-standard-text:#e5e5e9;
357
+ --components-typography-label-contrast-text-accent:#e5e5e9;
358
+ --components-typography-label-standard-text-accent:#e5e5e9;
359
+ --components-typography-list-contrast-border:#aeb7e2;
360
+ --components-typography-list-contrast-text-accent:#e5e5e9;
361
+ --components-typography-list-standard-border:#aeb7e2;
362
+ --components-typography-list-standard-text-accent:#e5e5e9;
363
+ }
364
+
365
+ @font-face{
366
+ font-family:"Nationale";
367
+ src:url("./fonts/Entur-Nationale-Light.eot");
368
+ src:url("./fonts/Entur-Nationale-Light.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Light.woff2") format("woff2"), url("./fonts/Entur-Nationale-Light.woff") format("woff");
369
+ font-weight:300;
370
+ font-style:normal;
371
+ font-display:swap;
372
+ }
373
+ @font-face{
374
+ font-family:"Nationale";
375
+ src:url("./fonts/Entur-Nationale-LightItalic.eot");
376
+ src:url("./fonts/Entur-Nationale-LightItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-LightItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-LightItalic.woff") format("woff");
377
+ font-weight:300;
378
+ font-style:italic;
379
+ font-display:swap;
380
+ }
381
+ @font-face{
382
+ font-family:"Nationale";
383
+ src:url("./fonts/Entur-Nationale-Regular.eot");
384
+ src:url("./fonts/Entur-Nationale-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Regular.woff2") format("woff2"), url("./fonts/Entur-Nationale-Regular.woff") format("woff");
385
+ font-weight:400;
386
+ font-style:normal;
387
+ font-display:swap;
388
+ }
389
+ @font-face{
390
+ font-family:"Nationale";
391
+ src:url("./fonts/Entur-Nationale-Italic.eot");
392
+ src:url("./fonts/Entur-Nationale-Italic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Italic.woff2") format("woff2"), url("./fonts/Entur-Nationale-Italic.woff") format("woff");
393
+ font-weight:400;
394
+ font-style:italic;
395
+ font-display:swap;
396
+ }
397
+ @font-face{
398
+ font-family:"Nationale";
399
+ src:url("./fonts/Entur-Nationale-Medium.eot");
400
+ src:url("./fonts/Entur-Nationale-Medium.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Medium.woff2") format("woff2"), url("./fonts/Entur-Nationale-Medium.woff") format("woff");
401
+ font-weight:500;
402
+ font-style:normal;
403
+ font-display:swap;
404
+ }
405
+ @font-face{
406
+ font-family:"Nationale";
407
+ src:url("./fonts/Entur-Nationale-MediumItalic.eot");
408
+ src:url("./fonts/Entur-Nationale-MediumItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-MediumItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-MediumItalic.woff") format("woff");
409
+ font-weight:500;
410
+ font-style:italic;
411
+ font-display:swap;
412
+ }
413
+ @font-face{
414
+ font-family:"Nationale";
415
+ src:url("./fonts/Entur-Nationale-Demibold.eot");
416
+ src:url("./fonts/Entur-Nationale-Demibold.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-Demibold.woff2") format("woff2"), url("./fonts/Entur-Nationale-Demibold.woff") format("woff");
417
+ font-weight:600;
418
+ font-style:normal;
419
+ font-display:swap;
420
+ }
421
+ @font-face{
422
+ font-family:"Nationale";
423
+ src:url("./fonts/Entur-Nationale-DemiboldItalic.eot");
424
+ src:url("./fonts/Entur-Nationale-DemiboldItalic.eot?#iefix") format("embedded-opentype"), url("./fonts/Entur-Nationale-DemiboldItalic.woff2") format("woff2"), url("./fonts/Entur-Nationale-DemiboldItalic.woff") format("woff");
425
+ font-weight:600;
426
+ font-style:italic;
427
+ font-display:swap;
438
428
  }
439
429
  [data-color-mode=light],
440
430
  [data-color-mode=dark],
441
- :root {
442
- --eds-typography: 1;
443
- --primary-background-color: var(--basecolors-frame-default);
444
- --primary-text-color: var(--components-typography-basetext-standard-text-accent);
445
- --primary-label-color: var(--components-typography-label-standard-text-accent);
446
- --eds-font-family: "Nationale", Arial, "Gotham Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
447
- "Helvetica Neue", sans-serif;
448
- box-sizing: border-box;
449
- color: var(--primary-text-color);
450
- background-color: var(--primary-background-color);
451
- font-family: "Nationale", Arial, "Gotham Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
452
- font-weight: 500;
453
- font-size: 1rem;
454
- line-height: 1.375rem;
431
+ :root{
432
+ --eds-typography:1;
433
+ --primary-background-color:var(--basecolors-frame-default);
434
+ --primary-text-color:var(--components-typography-basetext-standard-text-accent);
435
+ --primary-label-color:var(--components-typography-label-standard-text-accent);
436
+ --eds-font-family:"Nationale", Arial, "Gotham Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
437
+ -webkit-box-sizing:border-box;
438
+ -moz-box-sizing:border-box;
439
+ box-sizing:border-box;
440
+ color:#181c56;
441
+ color:var(--primary-text-color);
442
+ background-color:#ffffff;
443
+ background-color:var(--primary-background-color);
444
+ font-family:"Nationale", Arial, "Gotham Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
445
+ font-weight:500;
446
+ font-size:1rem;
447
+ line-height:1.375rem;
455
448
  }
456
449
  [data-color-mode=light] .eds-contrast,
457
450
  [data-color-mode=dark] .eds-contrast,
458
- :root .eds-contrast {
459
- --primary-background-color: var(--basecolors-frame-contrast);
460
- --primary-text-color: var(--components-typography-basetext-contrast-text-accent);
461
- --primary-label-color: var(--components-typography-label-contrast-text-accent);
462
- color: var(--primary-text-color);
463
- background-color: var(--primary-background-color);
464
- }
465
- @media screen and (min-width: 50rem) {
451
+ :root .eds-contrast{
452
+ --primary-background-color:var(--basecolors-frame-contrast);
453
+ --primary-text-color:var(--components-typography-basetext-contrast-text-accent);
454
+ --primary-label-color:var(--components-typography-label-contrast-text-accent);
455
+ color:#ffffff;
456
+ color:var(--primary-text-color);
457
+ background-color:#181c56;
458
+ background-color:var(--primary-background-color);
459
+ }
460
+ @media screen and (min-width: 50rem){
466
461
  [data-color-mode=light],
467
462
  [data-color-mode=dark],
468
- :root {
469
- font-size: 1rem;
470
- line-height: 1.5rem;
463
+ :root{
464
+ font-size:1rem;
465
+ line-height:1.5rem;
471
466
  }
472
467
  }
473
468
 
474
469
  *,
475
470
  *::before,
476
- *::after {
477
- box-sizing: inherit;
478
- font-weight: inherit;
471
+ *::after{
472
+ -webkit-box-sizing:inherit;
473
+ -moz-box-sizing:inherit;
474
+ box-sizing:inherit;
475
+ font-weight:inherit;
479
476
  }
480
477
 
481
478
  .eds-h1,
@@ -483,321 +480,394 @@ summary {
483
480
  .eds-h3,
484
481
  .eds-h4,
485
482
  .eds-h5,
486
- .eds-h6 {
487
- color: var(--primary-text-color);
488
- font-weight: 600;
489
- -webkit-font-smoothing: antialiased;
483
+ .eds-h6{
484
+ color:#181c56;
485
+ color:var(--primary-text-color);
486
+ font-weight:600;
490
487
  }
491
488
 
492
- .eds-h1 {
493
- font-size: 1.5rem;
494
- line-height: 2.625rem;
495
- margin: 0 0 1rem;
489
+ .eds-h1{
490
+ font-size:1.5rem;
491
+ line-height:2.625rem;
492
+ margin:0 0 1rem;
496
493
  }
497
- @media screen and (min-width: 50rem) {
498
- .eds-h1 {
499
- font-size: 2.5rem;
500
- line-height: 3.75rem;
494
+ @media screen and (min-width: 50rem){
495
+ .eds-h1{
496
+ font-size:2.5rem;
497
+ line-height:3.75rem;
501
498
  }
502
499
  }
503
500
 
504
- .eds-h2 {
505
- font-size: 1.25rem;
506
- line-height: 2.25rem;
507
- margin: 2rem 0 0.75rem;
501
+ .eds-h2{
502
+ font-size:1.25rem;
503
+ line-height:2.25rem;
504
+ margin:2rem 0 0.75rem;
508
505
  }
509
- @media screen and (min-width: 50rem) {
510
- .eds-h2 {
511
- font-size: 2rem;
512
- line-height: 3rem;
506
+ @media screen and (min-width: 50rem){
507
+ .eds-h2{
508
+ font-size:2rem;
509
+ line-height:3rem;
513
510
  }
514
511
  }
515
512
 
516
- .eds-h3 {
517
- font-size: 1rem;
518
- line-height: 1.5rem;
519
- margin: 1.5rem 0 0.5rem;
513
+ .eds-h3{
514
+ font-size:1rem;
515
+ line-height:1.5rem;
516
+ margin:1.5rem 0 0.5rem;
520
517
  }
521
- @media screen and (min-width: 50rem) {
522
- .eds-h3 {
523
- font-size: 1.5rem;
524
- line-height: 2.25rem;
518
+ @media screen and (min-width: 50rem){
519
+ .eds-h3{
520
+ font-size:1.5rem;
521
+ line-height:2.25rem;
525
522
  }
526
523
  }
527
524
 
528
- .eds-h4 {
529
- font-size: 0.875rem;
530
- line-height: 1.375rem;
531
- margin: 1.5rem 0 0;
525
+ .eds-h4{
526
+ font-size:0.875rem;
527
+ line-height:1.375rem;
528
+ margin:1.5rem 0 0;
532
529
  }
533
- @media screen and (min-width: 50rem) {
534
- .eds-h4 {
535
- font-size: 1.25rem;
536
- line-height: 1.875rem;
530
+ @media screen and (min-width: 50rem){
531
+ .eds-h4{
532
+ font-size:1.25rem;
533
+ line-height:1.875rem;
537
534
  }
538
535
  }
539
536
 
540
- .eds-h5 {
541
- font-size: 0.75rem;
542
- line-height: 1.25rem;
543
- margin: 1.5rem 0 0;
537
+ .eds-h5{
538
+ font-size:0.75rem;
539
+ line-height:1.25rem;
540
+ margin:1.5rem 0 0;
544
541
  }
545
- @media screen and (min-width: 50rem) {
546
- .eds-h5 {
547
- font-size: 1rem;
548
- line-height: 1.5rem;
542
+ @media screen and (min-width: 50rem){
543
+ .eds-h5{
544
+ font-size:1rem;
545
+ line-height:1.5rem;
549
546
  }
550
547
  }
551
548
 
552
- .eds-h6 {
553
- font-size: 0.75rem;
554
- line-height: 1.25rem;
555
- margin: 1.5rem 0 0;
549
+ .eds-h6{
550
+ font-size:0.75rem;
551
+ line-height:1.25rem;
552
+ margin:1.5rem 0 0;
556
553
  }
557
- @media screen and (min-width: 50rem) {
558
- .eds-h6 {
559
- font-size: 0.875rem;
560
- line-height: 1.375rem;
554
+ @media screen and (min-width: 50rem){
555
+ .eds-h6{
556
+ font-size:0.875rem;
557
+ line-height:1.375rem;
561
558
  }
562
559
  }
563
560
 
564
- .eds-paragraph {
565
- color: var(--primary-text-color);
566
- font-size: 1rem;
567
- line-height: 1.5rem;
568
- margin: 0 0 2rem;
561
+ .eds-paragraph{
562
+ color:#181c56;
563
+ color:var(--primary-text-color);
564
+ font-size:1rem;
565
+ line-height:1.5rem;
566
+ margin:0 0 2rem;
569
567
  }
570
- @media screen and (min-width: 50rem) {
571
- .eds-paragraph {
572
- font-size: 1rem;
573
- line-height: 1.5rem;
568
+ @media screen and (min-width: 50rem){
569
+ .eds-paragraph{
570
+ font-size:1rem;
571
+ line-height:1.5rem;
574
572
  }
575
573
  }
576
574
 
577
- .eds-lead-paragraph {
578
- color: var(--primary-text-color);
579
- font-size: 1.25rem;
580
- line-height: 1.875rem;
581
- margin: 1.5rem 0;
575
+ .eds-lead-paragraph{
576
+ color:#181c56;
577
+ color:var(--primary-text-color);
578
+ font-size:1.25rem;
579
+ line-height:1.875rem;
580
+ margin:1.5rem 0;
582
581
  }
583
- @media screen and (min-width: 50rem) {
584
- .eds-lead-paragraph {
585
- font-size: 1.25rem;
586
- line-height: 2.25rem;
582
+ @media screen and (min-width: 50rem){
583
+ .eds-lead-paragraph{
584
+ font-size:1.25rem;
585
+ line-height:2.25rem;
587
586
  }
588
587
  }
589
588
 
590
- .eds-sub-paragraph {
591
- color: var(--primary-text-color);
592
- font-size: 0.875rem;
593
- line-height: 1.25rem;
589
+ .eds-sub-paragraph{
590
+ color:#181c56;
591
+ color:var(--primary-text-color);
592
+ font-size:0.875rem;
593
+ line-height:1.25rem;
594
594
  }
595
- @media screen and (min-width: 50rem) {
596
- .eds-sub-paragraph {
597
- line-height: 1.375rem;
595
+ @media screen and (min-width: 50rem){
596
+ .eds-sub-paragraph{
597
+ line-height:1.375rem;
598
598
  }
599
599
  }
600
600
 
601
- .eds-small-text {
602
- color: var(--primary-text-color);
603
- font-size: 0.625rem;
604
- line-height: 1rem;
601
+ .eds-small-text{
602
+ color:#181c56;
603
+ color:var(--primary-text-color);
604
+ font-size:0.625rem;
605
+ line-height:1rem;
605
606
  }
606
- @media screen and (min-width: 50rem) {
607
- .eds-small-text {
608
- font-size: 0.75rem;
609
- line-height: 1.25rem;
607
+ @media screen and (min-width: 50rem){
608
+ .eds-small-text{
609
+ font-size:0.75rem;
610
+ line-height:1.25rem;
610
611
  }
611
612
  }
612
613
 
613
- .eds-link {
614
- color: var(--primary-text-color);
614
+ .eds-link{
615
+ color:#181c56;
616
+ color:var(--primary-text-color);
617
+ }
618
+ .eds-link, .eds-link:link, .eds-link:visited{
619
+ font-size:inherit;
620
+ -webkit-text-decoration:none;
621
+ text-decoration:none;
622
+ position:relative;
623
+ background-image:-webkit-linear-gradient(330deg, #181c56 0%, #181c56 100%);
624
+ background-image:-moz-linear-gradient(330deg, #181c56 0%, #181c56 100%);
625
+ background-image:-o-linear-gradient(330deg, #181c56 0%, #181c56 100%);
626
+ background-image:linear-gradient(120deg, #181c56 0%, #181c56 100%);
627
+ background-image:-webkit-linear-gradient(330deg, var(--primary-text-color) 0%, var(--primary-text-color) 100%);
628
+ background-image:-moz-linear-gradient(330deg, var(--primary-text-color) 0%, var(--primary-text-color) 100%);
629
+ background-image:-o-linear-gradient(330deg, var(--primary-text-color) 0%, var(--primary-text-color) 100%);
630
+ background-image:linear-gradient(120deg, var(--primary-text-color) 0%, var(--primary-text-color) 100%);
631
+ background-repeat:no-repeat;
632
+ -moz-background-size:100% 0.125rem;
633
+ -o-background-size:100% 0.125rem;
634
+ background-size:100% 0.125rem;
635
+ background-position:0 100%;
636
+ }
637
+ .eds-link:hover{
638
+ -webkit-animation:eds-link-underline 0.3s ease-in;
639
+ -moz-animation:eds-link-underline 0.3s ease-in;
640
+ -o-animation:eds-link-underline 0.3s ease-in;
641
+ animation:eds-link-underline 0.3s ease-in;
642
+ cursor:pointer;
643
+ }
644
+ @-webkit-keyframes eds-link-underline{
645
+ from{
646
+ background-size:0% 0.125rem;
647
+ }
648
+ to{
649
+ background-size:100% 0.125rem;
650
+ }
615
651
  }
616
- .eds-link, .eds-link:link, .eds-link:visited {
617
- font-size: inherit;
618
- text-decoration: none;
619
- position: relative;
620
- background-image: linear-gradient(120deg, var(--primary-text-color) 0%, var(--primary-text-color) 100%);
621
- background-repeat: no-repeat;
622
- background-size: 100% 0.125rem;
623
- background-position: 0 100%;
652
+ @-moz-keyframes eds-link-underline{
653
+ from{
654
+ -moz-background-size:0% 0.125rem;
655
+ background-size:0% 0.125rem;
656
+ }
657
+ to{
658
+ -moz-background-size:100% 0.125rem;
659
+ background-size:100% 0.125rem;
660
+ }
624
661
  }
625
- .eds-link:hover {
626
- animation: eds-link-underline 0.3s ease-in;
627
- cursor: pointer;
662
+ @-o-keyframes eds-link-underline{
663
+ from{
664
+ -o-background-size:0% 0.125rem;
665
+ background-size:0% 0.125rem;
666
+ }
667
+ to{
668
+ -o-background-size:100% 0.125rem;
669
+ background-size:100% 0.125rem;
670
+ }
628
671
  }
629
- @keyframes eds-link-underline {
630
- from {
631
- background-size: 0% 0.125rem;
672
+ @keyframes eds-link-underline{
673
+ from{
674
+ -moz-background-size:0% 0.125rem;
675
+ -o-background-size:0% 0.125rem;
676
+ background-size:0% 0.125rem;
632
677
  }
633
- to {
634
- background-size: 100% 0.125rem;
678
+ to{
679
+ -moz-background-size:100% 0.125rem;
680
+ -o-background-size:100% 0.125rem;
681
+ background-size:100% 0.125rem;
635
682
  }
636
683
  }
637
- .eds-link:focus-visible {
638
- outline: 2px solid #181c56;
639
- outline-color: var(--basecolors-stroke-focus-standard);
640
- outline-offset: 0.125rem;
684
+ .eds-link:focus-visible{
685
+ outline:2px solid #181c56;
686
+ outline-color:#181c56;
687
+ outline-color:var(--basecolors-stroke-focus-standard);
688
+ outline-offset:0.125rem;
641
689
  }
642
- .eds-contrast .eds-link:focus-visible {
643
- outline-color: var(--basecolors-stroke-focus-contrast);
690
+ .eds-contrast .eds-link:focus-visible{
691
+ outline-color:#aeb7e2;
692
+ outline-color:var(--basecolors-stroke-focus-contrast);
644
693
  }
645
- @media screen and (min-width: 50rem) {
646
- .eds-link {
647
- font-size: 1rem;
648
- line-height: 1.5rem;
694
+ @media screen and (min-width: 50rem){
695
+ .eds-link{
696
+ font-size:1rem;
697
+ line-height:1.5rem;
649
698
  }
650
699
  }
651
- .eds-link--ext-icon {
652
- margin-left: 0.25rem;
700
+ .eds-link--ext-icon{
701
+ margin-left:0.25rem;
653
702
  }
654
- p .eds-link--ext-icon {
655
- top: 0;
703
+ p .eds-link--ext-icon{
704
+ top:0;
656
705
  }
657
706
 
658
707
  .eds-label,
659
- .eds-sub-label {
660
- color: var(--primary-label-color);
708
+ .eds-sub-label{
709
+ color:#626493;
710
+ color:var(--primary-label-color);
661
711
  }
662
712
 
663
- .eds-label {
664
- font-size: 0.875rem;
665
- line-height: 1.25rem;
713
+ .eds-label{
714
+ font-size:0.875rem;
715
+ line-height:1.25rem;
666
716
  }
667
- @media screen and (min-width: 50rem) {
668
- .eds-label {
669
- line-height: 1.375rem;
717
+ @media screen and (min-width: 50rem){
718
+ .eds-label{
719
+ line-height:1.375rem;
670
720
  }
671
721
  }
672
722
 
673
- .eds-sub-label {
674
- font-size: 0.75rem;
675
- line-height: 1rem;
723
+ .eds-sub-label{
724
+ font-size:0.75rem;
725
+ line-height:1rem;
676
726
  }
677
- @media screen and (min-width: 50rem) {
678
- .eds-sub-label {
679
- line-height: 1.25rem;
727
+ @media screen and (min-width: 50rem){
728
+ .eds-sub-label{
729
+ line-height:1.25rem;
680
730
  }
681
731
  }
682
732
 
683
- .eds-strong-text {
684
- font-weight: 600;
733
+ .eds-strong-text{
734
+ font-weight:600;
685
735
  }
686
736
 
687
- .eds-emphasized-text {
688
- font-style: italic;
737
+ .eds-emphasized-text{
738
+ font-style:italic;
689
739
  }
690
740
 
691
741
  .eds-preformatted-text,
692
- .eds-code-text {
693
- background-color: var(--components-typography-codetext-standard-fill);
694
- border: 0.0625rem solid var(--components-typography-codetext-standard-border);
695
- border-radius: 0.25rem;
696
- color: var(--components-typography-codetext-standard-text);
697
- font-family: "Monaco", monospace;
698
- font-size: 0.875rem;
742
+ .eds-code-text{
743
+ background-color:#f6f6f9;
744
+ background-color:var(--components-typography-codetext-standard-fill);
745
+ border:0.0625rem solid rgba(84, 86, 140, 0.4);
746
+ border:0.0625rem solid var(--components-typography-codetext-standard-border);
747
+ -webkit-border-radius:0.25rem;
748
+ -moz-border-radius:0.25rem;
749
+ border-radius:0.25rem;
750
+ color:#181c56;
751
+ color:var(--components-typography-codetext-standard-text);
752
+ font-family:"Monaco", monospace;
753
+ font-size:0.875rem;
699
754
  }
700
755
 
701
- .eds-preformatted-text {
702
- padding: 1rem;
703
- white-space: pre-wrap;
704
- word-break: keep-all;
756
+ .eds-preformatted-text{
757
+ padding:1rem;
758
+ white-space:pre-wrap;
759
+ word-break:keep-all;
705
760
  }
706
761
 
707
- .eds-code-text {
708
- display: inline-block;
709
- word-wrap: break-word;
710
- overflow-wrap: anywhere;
711
- padding: 0.125rem 0.25rem;
762
+ .eds-code-text{
763
+ display:inline-block;
764
+ word-wrap:break-word;
765
+ word-wrap:anywhere;
766
+ padding:0.125rem 0.25rem;
712
767
  }
713
768
 
714
769
  .eds-unordered-list,
715
- .eds-numbered-list {
716
- margin: 1rem 0;
717
- }
718
-
719
- .eds-unordered-list {
720
- list-style: none;
721
- }
722
- .eds-unordered-list .eds-list-item::before {
723
- content: "";
724
- background: var(--components-typography-list-standard-border);
725
- display: block;
726
- height: 0.125rem;
727
- left: -1.75rem;
728
- top: 0.75rem;
729
- position: relative;
730
- width: 0.75rem;
731
- }
732
-
733
- .eds-numbered-list {
734
- counter-reset: eds-numbered-list-counter;
735
- list-style: none;
736
- }
737
- .eds-numbered-list--type-a > .eds-list-item::before {
738
- content: counter(eds-numbered-list-counter, lower-alpha);
739
- }
740
- .eds-numbered-list--type-A > .eds-list-item::before {
741
- content: counter(eds-numbered-list-counter, upper-alpha);
742
- }
743
- .eds-numbered-list--type-1 > .eds-list-item::before {
744
- content: counter(eds-numbered-list-counter, decimal);
745
- }
746
- .eds-numbered-list--type-i > .eds-list-item::before {
747
- content: counter(eds-numbered-list-counter, lower-roman);
748
- }
749
- .eds-numbered-list--type-I > .eds-list-item::before {
750
- content: counter(eds-numbered-list-counter, upper-roman);
751
- }
752
-
753
- .eds-list-item {
754
- padding-left: 0.5rem;
755
- }
756
-
757
- .eds-numbered-list > .eds-list-item {
758
- counter-increment: eds-numbered-list-counter;
759
- margin-top: 1.5rem;
760
- position: relative;
761
- }
762
- .eds-numbered-list > .eds-list-item::before {
763
- color: var(--primary-text-color);
764
- position: absolute;
765
- font-weight: 600;
766
- left: -2.5rem;
767
- border: 0.125rem solid var(--components-typography-list-standard-border);
768
- border-radius: 50%;
769
- height: 2rem;
770
- width: 2rem;
771
- display: flex;
772
- align-items: center;
773
- justify-content: center;
774
- top: -0.25rem;
775
- }
776
-
777
- .eds-list-item__title {
778
- display: block;
779
- font-weight: 600;
780
- margin-bottom: 0.5rem;
781
- }
782
- .eds-list-item__title .eds-list-item:first-of-type {
783
- margin: none;
784
- }
785
-
786
- .eds-blockquote {
787
- border-left: 0.25rem solid var(--components-typography-blockquote-standard-stroke);
788
- font-family: inherit;
789
- font-size: 1.25rem;
790
- line-height: 1.875rem;
791
- margin: 0;
792
- padding: 0.5rem;
793
- padding-left: 2rem;
794
- }
795
- .eds-blockquote__footer {
796
- font-size: 0.875rem;
797
- line-height: 1.375rem;
798
- letter-spacing: 1px;
799
- margin-top: 1.5rem;
800
- text-transform: uppercase;
770
+ .eds-numbered-list{
771
+ margin:1rem 0;
772
+ }
773
+
774
+ .eds-unordered-list{
775
+ list-style:none;
776
+ }
777
+ .eds-unordered-list .eds-list-item::before{
778
+ content:"";
779
+ background:#aeb7e2;
780
+ background:var(--components-typography-list-standard-border);
781
+ display:block;
782
+ height:0.125rem;
783
+ left:-1.75rem;
784
+ top:0.75rem;
785
+ position:relative;
786
+ width:0.75rem;
787
+ }
788
+
789
+ .eds-numbered-list{
790
+ counter-reset:eds-numbered-list-counter;
791
+ list-style:none;
792
+ }
793
+ .eds-numbered-list--type-a > .eds-list-item::before{
794
+ content:counter(eds-numbered-list-counter, lower-alpha);
795
+ }
796
+ .eds-numbered-list--type-A > .eds-list-item::before{
797
+ content:counter(eds-numbered-list-counter, upper-alpha);
798
+ }
799
+ .eds-numbered-list--type-1 > .eds-list-item::before{
800
+ content:counter(eds-numbered-list-counter, decimal);
801
+ }
802
+ .eds-numbered-list--type-i > .eds-list-item::before{
803
+ content:counter(eds-numbered-list-counter, lower-roman);
804
+ }
805
+ .eds-numbered-list--type-I > .eds-list-item::before{
806
+ content:counter(eds-numbered-list-counter, upper-roman);
807
+ }
808
+
809
+ .eds-list-item{
810
+ padding-left:0.5rem;
811
+ }
812
+
813
+ .eds-numbered-list > .eds-list-item{
814
+ counter-increment:eds-numbered-list-counter;
815
+ margin-top:1.5rem;
816
+ position:relative;
817
+ }
818
+ .eds-numbered-list > .eds-list-item::before{
819
+ color:#181c56;
820
+ color:var(--primary-text-color);
821
+ position:absolute;
822
+ font-weight:600;
823
+ left:-2.5rem;
824
+ border:0.125rem solid #aeb7e2;
825
+ border:0.125rem solid var(--components-typography-list-standard-border);
826
+ -webkit-border-radius:50%;
827
+ -moz-border-radius:50%;
828
+ border-radius:50%;
829
+ height:2rem;
830
+ width:2rem;
831
+ display:-webkit-box;
832
+ display:-webkit-flex;
833
+ display:-moz-box;
834
+ display:flex;
835
+ -webkit-box-align:center;
836
+ -webkit-align-items:center;
837
+ -moz-box-align:center;
838
+ align-items:center;
839
+ -webkit-box-pack:center;
840
+ -webkit-justify-content:center;
841
+ -moz-box-pack:center;
842
+ justify-content:center;
843
+ top:-0.25rem;
844
+ }
845
+
846
+ .eds-list-item__title{
847
+ display:block;
848
+ font-weight:600;
849
+ margin-bottom:0.5rem;
850
+ }
851
+ .eds-list-item__title .eds-list-item:first-of-type{
852
+ margin:none;
853
+ }
854
+
855
+ .eds-blockquote{
856
+ border-left:0.25rem solid #8284ab;
857
+ border-left:0.25rem solid var(--components-typography-blockquote-standard-stroke);
858
+ font-family:inherit;
859
+ font-size:1.25rem;
860
+ line-height:1.875rem;
861
+ margin:0;
862
+ padding:0.5rem;
863
+ padding-left:2rem;
864
+ }
865
+ .eds-blockquote__footer{
866
+ font-size:0.875rem;
867
+ line-height:1.375rem;
868
+ letter-spacing:1px;
869
+ margin-top:1.5rem;
870
+ text-transform:uppercase;
801
871
  }
802
872
 
803
873
  .eds-h1--margin-top,
@@ -814,8 +884,8 @@ p .eds-link--ext-icon {
814
884
  .eds-sub-label--margin-top,
815
885
  .eds-small-text--margin-top,
816
886
  .eds-strong-text--margin-top,
817
- .eds-link--margin-top {
818
- margin-bottom: 0;
887
+ .eds-link--margin-top{
888
+ margin-bottom:0;
819
889
  }
820
890
  .eds-h1--margin-bottom,
821
891
  .eds-h2--margin-bottom,
@@ -831,8 +901,8 @@ p .eds-link--ext-icon {
831
901
  .eds-sub-label--margin-bottom,
832
902
  .eds-small-text--margin-bottom,
833
903
  .eds-strong-text--margin-bottom,
834
- .eds-link--margin-bottom {
835
- margin-top: 0;
904
+ .eds-link--margin-bottom{
905
+ margin-top:0;
836
906
  }
837
907
  .eds-h1--margin-none,
838
908
  .eds-h2--margin-none,
@@ -848,16 +918,43 @@ p .eds-link--ext-icon {
848
918
  .eds-sub-label--margin-none,
849
919
  .eds-small-text--margin-none,
850
920
  .eds-strong-text--margin-none,
851
- .eds-link--margin-none {
852
- margin-top: 0;
853
- margin-bottom: 0;
921
+ .eds-link--margin-none{
922
+ margin-top:0;
923
+ margin-bottom:0;
924
+ }
925
+
926
+ @-webkit-keyframes lineExpand{
927
+ 0%{
928
+ width:0;
929
+ }
930
+ 100%{
931
+ width:100%;
932
+ }
933
+ }
934
+
935
+ @-moz-keyframes lineExpand{
936
+ 0%{
937
+ width:0;
938
+ }
939
+ 100%{
940
+ width:100%;
941
+ }
942
+ }
943
+
944
+ @-o-keyframes lineExpand{
945
+ 0%{
946
+ width:0;
947
+ }
948
+ 100%{
949
+ width:100%;
950
+ }
854
951
  }
855
952
 
856
- @keyframes lineExpand {
857
- 0% {
858
- width: 0;
953
+ @keyframes lineExpand{
954
+ 0%{
955
+ width:0;
859
956
  }
860
- 100% {
861
- width: 100%;
957
+ 100%{
958
+ width:100%;
862
959
  }
863
960
  }