@sb1/ffe-cards 100.12.3 → 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/cards.css +19 -46
  2. package/package.json +4 -4
package/css/cards.css CHANGED
@@ -149,11 +149,9 @@
149
149
  outline: none;
150
150
  width: 100%;
151
151
  text-decoration: none;
152
- display: -ms-flexbox;
153
152
  display: flex;
154
153
  padding: var(--ffe-spacing-sm) var(--ffe-spacing-lg);
155
- -ms-flex-flow: column nowrap;
156
- flex-flow: column nowrap;
154
+ flex-flow: column nowrap;
157
155
  text-align: center;
158
156
  overflow: hidden;
159
157
  min-height: auto;
@@ -249,10 +247,8 @@
249
247
  outline: none;
250
248
  width: 100%;
251
249
  text-decoration: none;
252
- display: -ms-flexbox;
253
250
  display: flex;
254
- -ms-flex-align: center;
255
- align-items: center;
251
+ align-items: center;
256
252
  padding: var(--ffe-spacing-md);
257
253
  gap: var(--ffe-spacing-sm);
258
254
  }
@@ -339,18 +335,13 @@
339
335
  }
340
336
  }
341
337
  .ffe-icon-card .ffe-icon-card__body {
342
- -ms-flex-positive: 1;
343
- flex-grow: 1;
338
+ flex-grow: 1;
344
339
  }
345
340
  .ffe-icon-card .ffe-icon-card__icon {
346
- display: -ms-flexbox;
347
341
  display: flex;
348
- -ms-flex-align: center;
349
- align-items: center;
350
- -ms-flex-negative: 0;
351
- flex-shrink: 0;
352
- -ms-flex-positive: 0;
353
- flex-grow: 0;
342
+ align-items: center;
343
+ flex-shrink: 0;
344
+ flex-grow: 0;
354
345
  color: var(--ffe-color-foreground-emphasis);
355
346
  }
356
347
  .ffe-icon-card--condensed {
@@ -365,14 +356,11 @@
365
356
  outline: none;
366
357
  width: 100%;
367
358
  text-decoration: none;
368
- display: -ms-grid;
369
359
  display: grid;
370
- -ms-grid-rows: auto 1fr;
371
- grid-template-rows: auto 1fr;
360
+ grid-template-rows: auto 1fr;
372
361
  gap: var(--ffe-spacing-md) 0;
373
362
  padding: var(--ffe-spacing-md);
374
- -ms-flex-align: center;
375
- align-items: center;
363
+ align-items: center;
376
364
  }
377
365
  @media (min-width: 768px) {
378
366
  .ffe-illustration-card {
@@ -450,8 +438,7 @@
450
438
  }
451
439
  @media (min-width: 480px) {
452
440
  .ffe-illustration-card {
453
- -ms-grid-columns: auto 1fr;
454
- grid-template-columns: auto 1fr;
441
+ grid-template-columns: auto 1fr;
455
442
  gap: 0 var(--ffe-spacing-md);
456
443
  }
457
444
  }
@@ -468,15 +455,12 @@
468
455
  text-align: center;
469
456
  }
470
457
  .ffe-illustration-card--right {
471
- -ms-grid-rows: 1fr auto;
472
- grid-template-rows: 1fr auto;
473
- -ms-flex-pack: justify;
474
- justify-content: space-between;
458
+ grid-template-rows: 1fr auto;
459
+ justify-content: space-between;
475
460
  }
476
461
  @media (min-width: 480px) {
477
462
  .ffe-illustration-card--right {
478
- -ms-grid-columns: 1fr auto;
479
- grid-template-columns: 1fr auto;
463
+ grid-template-columns: 1fr auto;
480
464
  }
481
465
  }
482
466
  .ffe-image-card {
@@ -489,13 +473,11 @@
489
473
  outline: none;
490
474
  width: 100%;
491
475
  text-decoration: none;
492
- display: -ms-flexbox;
493
476
  display: flex;
494
477
  padding: 0;
495
478
  max-width: 290px;
496
479
  border: var(--ffe-v-cards-common-card-border-color);
497
- -ms-flex-flow: column nowrap;
498
- flex-flow: column nowrap;
480
+ flex-flow: column nowrap;
499
481
  }
500
482
  @media (min-width: 768px) {
501
483
  .ffe-image-card {
@@ -638,10 +620,8 @@
638
620
  text-decoration: none;
639
621
  background: transparent;
640
622
  border: 2px dashed var(--ffe-v-cards-stippled-border-color);
641
- display: -ms-flexbox;
642
623
  display: flex;
643
- -ms-flex-align: center;
644
- align-items: center;
624
+ align-items: center;
645
625
  padding: var(--ffe-spacing-md);
646
626
  gap: var(--ffe-spacing-md);
647
627
  }
@@ -728,18 +708,14 @@
728
708
  margin: 0;
729
709
  }
730
710
  .ffe-stippled-card__content {
731
- -ms-flex-positive: 1;
732
- flex-grow: 1;
711
+ flex-grow: 1;
733
712
  }
734
713
  .ffe-stippled-card__img {
735
- -ms-flex-negative: 0;
736
- flex-shrink: 0;
737
- -ms-flex-positive: 0;
738
- flex-grow: 0;
714
+ flex-shrink: 0;
715
+ flex-grow: 0;
739
716
  }
740
717
  .ffe-stippled-card__img--icon {
741
718
  margin: 0 var(--ffe-spacing-md);
742
- display: -ms-flexbox;
743
719
  display: flex;
744
720
  }
745
721
  .ffe-stippled-card--condensed {
@@ -802,12 +778,9 @@
802
778
  padding: var(--ffe-spacing-md);
803
779
  }
804
780
  .ffe-group-card__footer {
805
- display: -ms-flexbox;
806
781
  display: flex;
807
- -ms-flex-pack: center;
808
- justify-content: center;
809
- -ms-flex-align: center;
810
- align-items: center;
782
+ justify-content: center;
783
+ align-items: center;
811
784
  }
812
785
  .ffe-group-card__title,
813
786
  .ffe-group-card__footer {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-cards",
3
- "version": "100.12.3",
3
+ "version": "101.0.0",
4
4
  "description": "Kort for bruk i oversikter",
5
5
  "license": "MIT",
6
6
  "author": "SpareBank 1",
@@ -20,13 +20,13 @@
20
20
  "build": "lessc less/cards.less css/cards.css --autoprefix"
21
21
  },
22
22
  "dependencies": {
23
- "@sb1/ffe-core": "^100.12.3"
23
+ "@sb1/ffe-core": "^101.0.0"
24
24
  },
25
25
  "devDependencies": {
26
- "@sb1/ffe-buildtool": "^100.12.3"
26
+ "@sb1/ffe-buildtool": "^101.0.0"
27
27
  },
28
28
  "publishConfig": {
29
29
  "access": "public"
30
30
  },
31
- "gitHead": "c250edc3d20e5ed115c5c5951495d700e96a3be3"
31
+ "gitHead": "7714019dbb9001551cb5d1c262c58afd609d4fb0"
32
32
  }