@bi-digital/css 0.0.0-experimental-ebbf94e → 0.0.0-experimental-8e8691a
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 +9 -9
- package/dist/components.css +9 -9
- package/package.json +2 -2
package/dist/components/card.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.bi-card {
|
|
2
2
|
--bic-card-border-color: var(--bi-neutral-15);
|
|
3
|
-
--bic-card-box-shadow: 0 0 0 var(--bi-stroke-thin) var(--bic-card-border-color)
|
|
3
|
+
--bic-card-box-shadow: 0 0 0 var(--bi-stroke-thin) var(--bic-card-border-color);
|
|
4
4
|
--bic-card-border-radius: var(--bi-radius-medium);
|
|
5
5
|
--bic-card-background-color: var(--bi-basic-white);
|
|
6
6
|
--bic-card-color: var(--bi-neutral-95);
|
|
@@ -159,12 +159,12 @@
|
|
|
159
159
|
|
|
160
160
|
@media (hover: hover) and (pointer: fine) {
|
|
161
161
|
.bi-card:-webkit-any(a, button):not(.disabled):hover {
|
|
162
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50)
|
|
162
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
163
163
|
}
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
.bi-card:-webkit-any(a, button):not(.disabled):active {
|
|
167
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50)
|
|
167
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
.bi-card:-webkit-any(a, button):disabled {
|
|
@@ -190,12 +190,12 @@
|
|
|
190
190
|
|
|
191
191
|
@media (hover: hover) and (pointer: fine) {
|
|
192
192
|
.bi-card:is(a, button):not(.disabled):hover {
|
|
193
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50)
|
|
193
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
194
194
|
}
|
|
195
195
|
}
|
|
196
196
|
|
|
197
197
|
.bi-card:is(a, button):not(.disabled):active {
|
|
198
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50)
|
|
198
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
199
199
|
}
|
|
200
200
|
|
|
201
201
|
.bi-card:is(a, button):disabled {
|
|
@@ -221,12 +221,12 @@
|
|
|
221
221
|
|
|
222
222
|
@media (hover: hover) and (pointer: fine) {
|
|
223
223
|
.bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):hover {
|
|
224
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50)
|
|
224
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
.bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):active {
|
|
229
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50)
|
|
229
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
230
230
|
}
|
|
231
231
|
|
|
232
232
|
.bi-card .bi-card--content:-webkit-any(a, button):disabled {
|
|
@@ -252,12 +252,12 @@
|
|
|
252
252
|
|
|
253
253
|
@media (hover: hover) and (pointer: fine) {
|
|
254
254
|
.bi-card .bi-card--content:is(a, button):not(.disabled):hover {
|
|
255
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50)
|
|
255
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
256
256
|
}
|
|
257
257
|
}
|
|
258
258
|
|
|
259
259
|
.bi-card .bi-card--content:is(a, button):not(.disabled):active {
|
|
260
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50)
|
|
260
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
.bi-card .bi-card--content:is(a, button):disabled {
|
package/dist/components.css
CHANGED
|
@@ -458,7 +458,7 @@
|
|
|
458
458
|
|
|
459
459
|
.bi-card {
|
|
460
460
|
--bic-card-border-color: var(--bi-neutral-15);
|
|
461
|
-
--bic-card-box-shadow: 0 0 0 var(--bi-stroke-thin) var(--bic-card-border-color)
|
|
461
|
+
--bic-card-box-shadow: 0 0 0 var(--bi-stroke-thin) var(--bic-card-border-color);
|
|
462
462
|
--bic-card-border-radius: var(--bi-radius-medium);
|
|
463
463
|
--bic-card-background-color: var(--bi-basic-white);
|
|
464
464
|
--bic-card-color: var(--bi-neutral-95);
|
|
@@ -617,12 +617,12 @@
|
|
|
617
617
|
|
|
618
618
|
@media (hover: hover) and (pointer: fine) {
|
|
619
619
|
.bi-card:-webkit-any(a, button):not(.disabled):hover {
|
|
620
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50)
|
|
620
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
621
621
|
}
|
|
622
622
|
}
|
|
623
623
|
|
|
624
624
|
.bi-card:-webkit-any(a, button):not(.disabled):active {
|
|
625
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50)
|
|
625
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
626
626
|
}
|
|
627
627
|
|
|
628
628
|
.bi-card:-webkit-any(a, button):disabled {
|
|
@@ -648,12 +648,12 @@
|
|
|
648
648
|
|
|
649
649
|
@media (hover: hover) and (pointer: fine) {
|
|
650
650
|
.bi-card:is(a, button):not(.disabled):hover {
|
|
651
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50)
|
|
651
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
652
652
|
}
|
|
653
653
|
}
|
|
654
654
|
|
|
655
655
|
.bi-card:is(a, button):not(.disabled):active {
|
|
656
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50)
|
|
656
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
657
657
|
}
|
|
658
658
|
|
|
659
659
|
.bi-card:is(a, button):disabled {
|
|
@@ -679,12 +679,12 @@
|
|
|
679
679
|
|
|
680
680
|
@media (hover: hover) and (pointer: fine) {
|
|
681
681
|
.bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):hover {
|
|
682
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50)
|
|
682
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
683
683
|
}
|
|
684
684
|
}
|
|
685
685
|
|
|
686
686
|
.bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):active {
|
|
687
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50)
|
|
687
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
688
688
|
}
|
|
689
689
|
|
|
690
690
|
.bi-card .bi-card--content:-webkit-any(a, button):disabled {
|
|
@@ -710,12 +710,12 @@
|
|
|
710
710
|
|
|
711
711
|
@media (hover: hover) and (pointer: fine) {
|
|
712
712
|
.bi-card .bi-card--content:is(a, button):not(.disabled):hover {
|
|
713
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50)
|
|
713
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
714
714
|
}
|
|
715
715
|
}
|
|
716
716
|
|
|
717
717
|
.bi-card .bi-card--content:is(a, button):not(.disabled):active {
|
|
718
|
-
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50)
|
|
718
|
+
box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
|
|
719
719
|
}
|
|
720
720
|
|
|
721
721
|
.bi-card .bi-card--content:is(a, button):disabled {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bi-digital/css",
|
|
3
|
-
"version": "0.0.0-experimental-
|
|
3
|
+
"version": "0.0.0-experimental-8e8691a",
|
|
4
4
|
"description": "CSS for the BI Design System",
|
|
5
5
|
"author": "BI Digital",
|
|
6
6
|
"license": "ISC",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"lightningcss": "^1.30.1",
|
|
24
24
|
"modern-normalize": "^3.0.1",
|
|
25
25
|
"rimraf": "^6.0.1",
|
|
26
|
-
"@bi-digital/tokens": "0.0.0-experimental-
|
|
26
|
+
"@bi-digital/tokens": "0.0.0-experimental-8e8691a"
|
|
27
27
|
},
|
|
28
28
|
"scripts": {
|
|
29
29
|
"build": "rimraf dist && node config.js",
|