@arbeidstilsynet/design-css 0.9.1 → 0.10.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.
- package/dist/src/header.css +9 -3
- package/dist/src/index.css +9 -3
- package/package.json +1 -1
package/dist/src/header.css
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: column;
|
|
6
|
+
font-size: var(--ds-font-size-6);
|
|
6
7
|
align-items: center;
|
|
7
8
|
width: 100%;
|
|
8
9
|
container-type: inline-size;
|
|
@@ -22,7 +23,7 @@
|
|
|
22
23
|
font-weight: var(--ds-font-weight-medium);
|
|
23
24
|
text-decoration: none;
|
|
24
25
|
line-height: var(--ds-line-height-sm);
|
|
25
|
-
font-size: var(--ds-font-size-
|
|
26
|
+
font-size: var(--ds-font-size-7);
|
|
26
27
|
letter-spacing: var(--ds-letter-spacing-8);
|
|
27
28
|
transform: translateY(
|
|
28
29
|
-2.5px
|
|
@@ -155,9 +156,10 @@
|
|
|
155
156
|
width: var(--ds-size-7);
|
|
156
157
|
height: var(--ds-size-7);
|
|
157
158
|
border-radius: 50%;
|
|
158
|
-
font-size: var(--ds-font-size-
|
|
159
|
+
font-size: var(--ds-font-size-5);
|
|
159
160
|
font-weight: var(--ds-font-weight-regular);
|
|
160
161
|
margin-left: auto;
|
|
162
|
+
padding: var(--ds-size-1);
|
|
161
163
|
}
|
|
162
164
|
|
|
163
165
|
.at-header__menu-badge-info {
|
|
@@ -234,7 +236,7 @@
|
|
|
234
236
|
/* Full-width dropdown overlay for mobile */
|
|
235
237
|
width: 100%;
|
|
236
238
|
max-width: 100%;
|
|
237
|
-
padding:
|
|
239
|
+
padding: 0 0 var(--ds-size-3) 0;
|
|
238
240
|
|
|
239
241
|
/* Hide box-shadow to avoid line between dropdown menu and header on mobile */
|
|
240
242
|
box-shadow: none;
|
|
@@ -243,6 +245,10 @@
|
|
|
243
245
|
border-right: 0;
|
|
244
246
|
border-top-left-radius: 0%;
|
|
245
247
|
border-top-right-radius: 0%;
|
|
248
|
+
|
|
249
|
+
/* Override translate, which was set to '10px 50px' on mobile, causing the dropdown to be misaligned.
|
|
250
|
+
* The actual translation is handled in headerMenu.tsx, which provides support for arbitrary header positions. */
|
|
251
|
+
translate: 0 0 !important;
|
|
246
252
|
}
|
|
247
253
|
|
|
248
254
|
.at-header__dropdown-trigger {
|
package/dist/src/index.css
CHANGED
|
@@ -276,6 +276,7 @@
|
|
|
276
276
|
box-sizing: border-box;
|
|
277
277
|
display: flex;
|
|
278
278
|
flex-direction: column;
|
|
279
|
+
font-size: var(--ds-font-size-6);
|
|
279
280
|
align-items: center;
|
|
280
281
|
width: 100%;
|
|
281
282
|
container-type: inline-size;
|
|
@@ -294,7 +295,7 @@
|
|
|
294
295
|
font-weight: var(--ds-font-weight-medium);
|
|
295
296
|
text-decoration: none;
|
|
296
297
|
line-height: var(--ds-line-height-sm);
|
|
297
|
-
font-size: var(--ds-font-size-
|
|
298
|
+
font-size: var(--ds-font-size-7);
|
|
298
299
|
letter-spacing: var(--ds-letter-spacing-8);
|
|
299
300
|
transform: translateY(
|
|
300
301
|
-2.5px
|
|
@@ -427,9 +428,10 @@
|
|
|
427
428
|
width: var(--ds-size-7);
|
|
428
429
|
height: var(--ds-size-7);
|
|
429
430
|
border-radius: 50%;
|
|
430
|
-
font-size: var(--ds-font-size-
|
|
431
|
+
font-size: var(--ds-font-size-5);
|
|
431
432
|
font-weight: var(--ds-font-weight-regular);
|
|
432
433
|
margin-left: auto;
|
|
434
|
+
padding: var(--ds-size-1);
|
|
433
435
|
}
|
|
434
436
|
|
|
435
437
|
.at-header__menu-badge-info {
|
|
@@ -502,7 +504,7 @@
|
|
|
502
504
|
/* Full-width dropdown overlay for mobile */
|
|
503
505
|
width: 100%;
|
|
504
506
|
max-width: 100%;
|
|
505
|
-
padding:
|
|
507
|
+
padding: 0 0 var(--ds-size-3) 0;
|
|
506
508
|
|
|
507
509
|
/* Hide box-shadow to avoid line between dropdown menu and header on mobile */
|
|
508
510
|
box-shadow: none;
|
|
@@ -511,6 +513,10 @@
|
|
|
511
513
|
border-right: 0;
|
|
512
514
|
border-top-left-radius: 0%;
|
|
513
515
|
border-top-right-radius: 0%;
|
|
516
|
+
|
|
517
|
+
/* Override translate, which was set to '10px 50px' on mobile, causing the dropdown to be misaligned.
|
|
518
|
+
* The actual translation is handled in headerMenu.tsx, which provides support for arbitrary header positions. */
|
|
519
|
+
translate: 0 0 !important;
|
|
514
520
|
}
|
|
515
521
|
|
|
516
522
|
.at-header__dropdown-trigger {
|