@sb1/ffe-cards 100.12.4 → 101.0.1
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/css/cards.css +19 -46
- 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
|
-
|
|
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
|
-
-
|
|
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
|
-
|
|
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
|
-
-
|
|
349
|
-
|
|
350
|
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
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
|
-
-
|
|
472
|
-
|
|
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
|
-
-
|
|
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
|
-
|
|
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
|
-
-
|
|
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
|
-
|
|
732
|
-
flex-grow: 1;
|
|
711
|
+
flex-grow: 1;
|
|
733
712
|
}
|
|
734
713
|
.ffe-stippled-card__img {
|
|
735
|
-
|
|
736
|
-
|
|
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
|
-
-
|
|
808
|
-
|
|
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": "
|
|
3
|
+
"version": "101.0.1",
|
|
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": "^
|
|
23
|
+
"@sb1/ffe-core": "^101.0.1"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@sb1/ffe-buildtool": "^
|
|
26
|
+
"@sb1/ffe-buildtool": "^101.0.1"
|
|
27
27
|
},
|
|
28
28
|
"publishConfig": {
|
|
29
29
|
"access": "public"
|
|
30
30
|
},
|
|
31
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "2f1f2f2f93e52a5fc5429cbe29538f6016702cf3"
|
|
32
32
|
}
|