@sb1/ffe-cards 22.1.4 → 23.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 +23 -8
- package/less/illustration-card.less +21 -4
- package/package.json +3 -3
package/css/cards.css
CHANGED
|
@@ -369,10 +369,8 @@
|
|
|
369
369
|
width: 100%;
|
|
370
370
|
text-decoration: none;
|
|
371
371
|
display: grid;
|
|
372
|
-
grid-template-
|
|
373
|
-
|
|
374
|
-
-moz-column-gap: var(--ffe-spacing-md);
|
|
375
|
-
column-gap: var(--ffe-spacing-md);
|
|
372
|
+
grid-template-rows: auto 1fr;
|
|
373
|
+
gap: var(--ffe-spacing-md) 0;
|
|
376
374
|
padding: var(--ffe-spacing-md);
|
|
377
375
|
-webkit-box-align: center;
|
|
378
376
|
-ms-flex-align: center;
|
|
@@ -447,18 +445,35 @@
|
|
|
447
445
|
.ffe-illustration-card--no-margin {
|
|
448
446
|
margin: 0;
|
|
449
447
|
}
|
|
448
|
+
@media (min-width: 480px) {
|
|
449
|
+
.ffe-illustration-card {
|
|
450
|
+
grid-template-columns: auto 1fr;
|
|
451
|
+
gap: 0 var(--ffe-spacing-md);
|
|
452
|
+
}
|
|
453
|
+
}
|
|
450
454
|
.ffe-illustration-card--condensed {
|
|
451
|
-
|
|
452
|
-
-moz-column-gap: var(--ffe-spacing-sm);
|
|
453
|
-
column-gap: var(--ffe-spacing-sm);
|
|
455
|
+
gap: var(--ffe-spacing-sm) 0;
|
|
454
456
|
padding: var(--ffe-spacing-sm);
|
|
455
457
|
}
|
|
458
|
+
@media (min-width: 480px) {
|
|
459
|
+
.ffe-illustration-card--condensed {
|
|
460
|
+
gap: 0 var(--ffe-spacing-sm);
|
|
461
|
+
}
|
|
462
|
+
}
|
|
463
|
+
.ffe-illustration-card__illustration {
|
|
464
|
+
text-align: center;
|
|
465
|
+
}
|
|
456
466
|
.ffe-illustration-card--right {
|
|
457
|
-
grid-template-
|
|
467
|
+
grid-template-rows: 1fr auto;
|
|
458
468
|
-webkit-box-pack: justify;
|
|
459
469
|
-ms-flex-pack: justify;
|
|
460
470
|
justify-content: space-between;
|
|
461
471
|
}
|
|
472
|
+
@media (min-width: 480px) {
|
|
473
|
+
.ffe-illustration-card--right {
|
|
474
|
+
grid-template-columns: 1fr auto;
|
|
475
|
+
}
|
|
476
|
+
}
|
|
462
477
|
.ffe-image-card {
|
|
463
478
|
--ffe-v-cards-common-card-border-color: var(--ffe-color-border-primary-default);
|
|
464
479
|
background: var(--ffe-color-surface-primary-default);
|
|
@@ -13,18 +13,35 @@
|
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
display: grid;
|
|
16
|
-
grid-template-
|
|
17
|
-
|
|
16
|
+
grid-template-rows: auto 1fr;
|
|
17
|
+
gap: var(--ffe-spacing-md) 0;
|
|
18
18
|
padding: var(--ffe-spacing-md);
|
|
19
19
|
align-items: center;
|
|
20
20
|
|
|
21
|
+
@media (min-width: @breakpoint-sm) {
|
|
22
|
+
grid-template-columns: auto 1fr;
|
|
23
|
+
gap: 0 var(--ffe-spacing-md);
|
|
24
|
+
}
|
|
25
|
+
|
|
21
26
|
&--condensed {
|
|
22
|
-
|
|
27
|
+
gap: var(--ffe-spacing-sm) 0;
|
|
23
28
|
padding: var(--ffe-spacing-sm);
|
|
29
|
+
|
|
30
|
+
@media (min-width: @breakpoint-sm) {
|
|
31
|
+
gap: 0 var(--ffe-spacing-sm);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&__illustration {
|
|
36
|
+
text-align: center;
|
|
24
37
|
}
|
|
25
38
|
|
|
26
39
|
&--right {
|
|
27
|
-
grid-template-
|
|
40
|
+
grid-template-rows: 1fr auto;
|
|
28
41
|
justify-content: space-between;
|
|
42
|
+
|
|
43
|
+
@media (min-width: @breakpoint-sm) {
|
|
44
|
+
grid-template-columns: 1fr auto;
|
|
45
|
+
}
|
|
29
46
|
}
|
|
30
47
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-cards",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "23.0.1",
|
|
4
4
|
"description": "Kort for bruk i oversikter",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "SpareBank 1",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"build": "lessc less/cards.less css/cards.css --autoprefix"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@sb1/ffe-core": "^31.1.
|
|
21
|
+
"@sb1/ffe-core": "^31.1.2"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@sb1/ffe-buildtool": "^0.10.0"
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"publishConfig": {
|
|
27
27
|
"access": "public"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "24cf500ce3770d9835496a5bda30c3788e879c82"
|
|
30
30
|
}
|