@sb1/ffe-header 100.12.4 → 101.0.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 (2) hide show
  1. package/css/ffe-header.css +9 -28
  2. package/package.json +7 -7
package/css/ffe-header.css CHANGED
@@ -124,12 +124,9 @@
124
124
  position: relative;
125
125
  }
126
126
  .ffe-header__wrapper {
127
- display: -ms-flexbox;
128
127
  display: flex;
129
- -ms-flex-pack: justify;
130
- justify-content: space-between;
131
- -ms-flex-align: center;
132
- align-items: center;
128
+ justify-content: space-between;
129
+ align-items: center;
133
130
  position: relative;
134
131
  margin: 0 auto;
135
132
  padding: 0 var(--ffe-spacing-sm);
@@ -139,8 +136,7 @@
139
136
  border-bottom: 1px solid var(--ffe-color-border-primary-default);
140
137
  }
141
138
  .ffe-header__border .ffe-header__wrapper {
142
- -ms-flex-pack: center;
143
- justify-content: center;
139
+ justify-content: center;
144
140
  }
145
141
  .ffe-header__link {
146
142
  transition: color var(--ffe-transition-duration) var(--ffe-ease), background-color var(--ffe-transition-duration) var(--ffe-ease);
@@ -230,19 +226,15 @@
230
226
  }
231
227
  .ffe-header__icon-button {
232
228
  color: var(--ffe-color-foreground-default);
233
- display: -ms-inline-grid;
234
229
  display: inline-grid;
235
- -ms-grid-columns: auto 1fr;
236
- grid-template-columns: auto 1fr;
230
+ grid-template-columns: auto 1fr;
237
231
  }
238
232
  .ffe-header__icon-button:focus-visible {
239
233
  outline: 2px solid var(--ffe-color-foreground-default);
240
234
  outline-offset: 2px;
241
235
  }
242
236
  .ffe-header__icon-button .ffe-header__notification-bubble {
243
- -ms-flex-item-align: end;
244
- -ms-grid-row-align: end;
245
- align-self: end;
237
+ align-self: end;
246
238
  transform: translate(-1.25rem, -5px);
247
239
  }
248
240
  .ffe-header__logout-button {
@@ -301,7 +293,6 @@
301
293
  }
302
294
  .ffe-header__user-nav .ffe-header__link,
303
295
  .ffe-header__site-nav .ffe-header__link {
304
- display: -ms-flexbox;
305
296
  display: flex;
306
297
  gap: var(--ffe-spacing-sm);
307
298
  padding: var(--ffe-spacing-xs) var(--ffe-spacing-md);
@@ -363,7 +354,6 @@
363
354
  font-weight: normal;
364
355
  font-size: 0.9rem;
365
356
  line-height: 1;
366
- display: -ms-inline-grid;
367
357
  display: inline-grid;
368
358
  place-items: center;
369
359
  width: 1.5rem;
@@ -379,9 +369,7 @@
379
369
  }
380
370
  .ffe-header__icon-button .ffe-header__notification-bubble {
381
371
  transform: unset;
382
- -ms-flex-item-align: start;
383
- -ms-grid-row-align: start;
384
- align-self: start;
372
+ align-self: start;
385
373
  }
386
374
  .ffe-header__icon-button--user-nav .ffe-header__notification-bubble {
387
375
  grid-area: 1 / 1 / span 1 / span 1;
@@ -419,8 +407,7 @@
419
407
  }
420
408
  .ffe-header__secondary-nav {
421
409
  display: block;
422
- -ms-flex: 1;
423
- flex: 1;
410
+ flex: 1;
424
411
  }
425
412
  .ffe-header__secondary-nav .ffe-header__list-item {
426
413
  display: inline-block;
@@ -428,8 +415,7 @@
428
415
  }
429
416
  .ffe-header__user-nav-toggle {
430
417
  text-align: right;
431
- -ms-flex: 1;
432
- flex: 1;
418
+ flex: 1;
433
419
  }
434
420
  .ffe-header__user-nav {
435
421
  position: absolute;
@@ -457,8 +443,7 @@
457
443
  margin-right: var(--ffe-spacing-sm);
458
444
  }
459
445
  .ffe-header__user-nav-toggle {
460
- -ms-flex-order: -1;
461
- order: -1;
446
+ order: -1;
462
447
  }
463
448
  .ffe-header__user-nav,
464
449
  .ffe-header__site-nav-list {
@@ -497,19 +482,15 @@
497
482
  content: '';
498
483
  }
499
484
  .ffe-header--enable-link-to-profile .ffe-header__user-nav-toggle {
500
- display: -ms-inline-flexbox;
501
485
  display: inline-flex;
502
486
  }
503
487
  .ffe-header--enable-link-to-profile .ffe-header__user-nav-toggle .ffe-header__svg-icon {
504
- display: -ms-inline-flexbox;
505
488
  display: inline-flex;
506
489
  }
507
490
  .ffe-header--enable-link-to-profile .ffe-header__site-nav-toggle {
508
- display: -ms-inline-flexbox;
509
491
  display: inline-flex;
510
492
  }
511
493
  .ffe-header--enable-link-to-profile .ffe-header__site-nav-toggle .ffe-header__svg-icon {
512
- display: -ms-inline-flexbox;
513
494
  display: inline-flex;
514
495
  }
515
496
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-header",
3
- "version": "100.12.4",
3
+ "version": "101.0.0",
4
4
  "description": "Felles header for SpareBank 1",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -21,14 +21,14 @@
21
21
  "test": "npm run lint"
22
22
  },
23
23
  "devDependencies": {
24
- "@sb1/ffe-buildtool": "^100.12.4",
25
- "@sb1/ffe-core": "^100.12.4",
26
- "@sb1/ffe-webfonts": "^100.12.4",
27
- "less": "^4.1.2",
28
- "less-plugin-autoprefix": "^1.4.1"
24
+ "@sb1/ffe-buildtool": "^101.0.0",
25
+ "@sb1/ffe-core": "^101.0.0",
26
+ "@sb1/ffe-webfonts": "^101.0.0",
27
+ "less": "^4.6.4",
28
+ "less-plugin-autoprefix": "^2.0.0"
29
29
  },
30
30
  "publishConfig": {
31
31
  "access": "public"
32
32
  },
33
- "gitHead": "499c82bdc3f2680cf36cfd7cb77c550c623951f7"
33
+ "gitHead": "7714019dbb9001551cb5d1c262c58afd609d4fb0"
34
34
  }