@bi-digital/css 0.3.1 → 0.3.3
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/components/card.css +10 -4
- package/dist/components.css +10 -4
- package/package.json +6 -3
package/dist/components/card.css
CHANGED
|
@@ -12,7 +12,10 @@
|
|
|
12
12
|
--bic-card-actions-flex-direction: column;
|
|
13
13
|
--bic-card-content-padding: var(--bi-scale-4x);
|
|
14
14
|
--bic-card-content-color: var(--bi-neutral-50);
|
|
15
|
+
--bic-card-content-lines: 2;
|
|
15
16
|
--bic-card-media-width: 100%;
|
|
17
|
+
--bic-card-media-date-width: 3.1875rem;
|
|
18
|
+
--bic-card-media-date-height: 2.875rem;
|
|
16
19
|
}
|
|
17
20
|
|
|
18
21
|
.bi-card[data-dark="true"] {
|
|
@@ -66,6 +69,9 @@
|
|
|
66
69
|
|
|
67
70
|
.bi-card[data-orientation="vertical"] {
|
|
68
71
|
--bic-card-actions-flex-direction: row;
|
|
72
|
+
--bic-card-content-lines: 4;
|
|
73
|
+
--bic-card-media-date-width: 4rem;
|
|
74
|
+
--bic-card-media-date-height: 3.5625rem;
|
|
69
75
|
flex-direction: column;
|
|
70
76
|
}
|
|
71
77
|
|
|
@@ -122,8 +128,8 @@
|
|
|
122
128
|
color: var(--bic-card-content-color);
|
|
123
129
|
white-space: break-spaces;
|
|
124
130
|
text-overflow: ellipsis;
|
|
125
|
-
-webkit-line-clamp:
|
|
126
|
-
line-clamp:
|
|
131
|
+
-webkit-line-clamp: var(--bic-card-content-lines);
|
|
132
|
+
line-clamp: var(--bic-card-content-lines);
|
|
127
133
|
-webkit-box-orient: vertical;
|
|
128
134
|
margin: 0;
|
|
129
135
|
font-size: .875rem;
|
|
@@ -385,8 +391,8 @@
|
|
|
385
391
|
}
|
|
386
392
|
|
|
387
393
|
.bi-card .bi-card--date {
|
|
388
|
-
width:
|
|
389
|
-
height:
|
|
394
|
+
width: var(--bic-card-media-date-width);
|
|
395
|
+
height: var(--bic-card-media-date-height);
|
|
390
396
|
padding: var(--bi-scale-1x) var(--bi-scale-1x) var(--bi-scale-2x);
|
|
391
397
|
border-radius: var(--bi-radius-small) var(--bi-radius-small) var(--bi-radius-large) var(--bi-radius-large);
|
|
392
398
|
background: var(--bic-card-background-color);
|
package/dist/components.css
CHANGED
|
@@ -470,7 +470,10 @@
|
|
|
470
470
|
--bic-card-actions-flex-direction: column;
|
|
471
471
|
--bic-card-content-padding: var(--bi-scale-4x);
|
|
472
472
|
--bic-card-content-color: var(--bi-neutral-50);
|
|
473
|
+
--bic-card-content-lines: 2;
|
|
473
474
|
--bic-card-media-width: 100%;
|
|
475
|
+
--bic-card-media-date-width: 3.1875rem;
|
|
476
|
+
--bic-card-media-date-height: 2.875rem;
|
|
474
477
|
}
|
|
475
478
|
|
|
476
479
|
.bi-card[data-dark="true"] {
|
|
@@ -524,6 +527,9 @@
|
|
|
524
527
|
|
|
525
528
|
.bi-card[data-orientation="vertical"] {
|
|
526
529
|
--bic-card-actions-flex-direction: row;
|
|
530
|
+
--bic-card-content-lines: 4;
|
|
531
|
+
--bic-card-media-date-width: 4rem;
|
|
532
|
+
--bic-card-media-date-height: 3.5625rem;
|
|
527
533
|
flex-direction: column;
|
|
528
534
|
}
|
|
529
535
|
|
|
@@ -580,8 +586,8 @@
|
|
|
580
586
|
color: var(--bic-card-content-color);
|
|
581
587
|
white-space: break-spaces;
|
|
582
588
|
text-overflow: ellipsis;
|
|
583
|
-
-webkit-line-clamp:
|
|
584
|
-
line-clamp:
|
|
589
|
+
-webkit-line-clamp: var(--bic-card-content-lines);
|
|
590
|
+
line-clamp: var(--bic-card-content-lines);
|
|
585
591
|
-webkit-box-orient: vertical;
|
|
586
592
|
margin: 0;
|
|
587
593
|
font-size: .875rem;
|
|
@@ -843,8 +849,8 @@
|
|
|
843
849
|
}
|
|
844
850
|
|
|
845
851
|
.bi-card .bi-card--date {
|
|
846
|
-
width:
|
|
847
|
-
height:
|
|
852
|
+
width: var(--bic-card-media-date-width);
|
|
853
|
+
height: var(--bic-card-media-date-height);
|
|
848
854
|
padding: var(--bi-scale-1x) var(--bi-scale-1x) var(--bi-scale-2x);
|
|
849
855
|
border-radius: var(--bi-radius-small) var(--bi-radius-small) var(--bi-radius-large) var(--bi-radius-large);
|
|
850
856
|
background: var(--bic-card-background-color);
|
package/package.json
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bi-digital/css",
|
|
3
|
-
"
|
|
3
|
+
"type": "module",
|
|
4
|
+
"version": "0.3.3",
|
|
5
|
+
"engines": {
|
|
6
|
+
"node": "^20.19.0 || >=22.12.0"
|
|
7
|
+
},
|
|
4
8
|
"description": "CSS for the BI Design System",
|
|
5
9
|
"author": "BI Digital",
|
|
6
10
|
"homepage": "https://designsystem.bi.no/",
|
|
7
11
|
"license": "ISC",
|
|
8
|
-
"type": "module",
|
|
9
12
|
"publishConfig": {
|
|
10
13
|
"access": "public"
|
|
11
14
|
},
|
|
@@ -24,7 +27,7 @@
|
|
|
24
27
|
"lightningcss": "^1.30.1",
|
|
25
28
|
"modern-normalize": "^3.0.1",
|
|
26
29
|
"rimraf": "^6.0.1",
|
|
27
|
-
"@bi-digital/tokens": "0.3.
|
|
30
|
+
"@bi-digital/tokens": "0.3.3"
|
|
28
31
|
},
|
|
29
32
|
"scripts": {
|
|
30
33
|
"build": "rimraf dist && node config.js",
|