@bi-digital/css 0.4.0 → 0.4.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.
Files changed (4) hide show
  1. package/dist/components/card.css +14 -2
  2. package/dist/components.css +14 -2
  3. package/dist/salesforce.css +14 -2
  4. package/package.json +2 -2
package/dist/components/card.css CHANGED
@@ -366,19 +366,31 @@
366
366
  .bi-card .bi-card--media > :-webkit-any(audio, figure, iframe, img, video) {
367
367
  border-radius: inherit;
368
368
  object-fit: cover;
369
- aspect-ratio: 3 / 2;
369
+ aspect-ratio: 4 / 3;
370
370
  width: 100%;
371
371
  display: block;
372
372
  }
373
373
 
374
+ @media not (min-width: 600px) {
375
+ .bi-card .bi-card--media > :-webkit-any(audio, figure, iframe, img, video) {
376
+ aspect-ratio: 3 / 2;
377
+ }
378
+ }
379
+
374
380
  .bi-card .bi-card--media > :is(audio, figure, iframe, img, video) {
375
381
  border-radius: inherit;
376
382
  object-fit: cover;
377
- aspect-ratio: 3 / 2;
383
+ aspect-ratio: 4 / 3;
378
384
  width: 100%;
379
385
  display: block;
380
386
  }
381
387
 
388
+ @media not (min-width: 600px) {
389
+ .bi-card .bi-card--media > :is(audio, figure, iframe, img, video) {
390
+ aspect-ratio: 3 / 2;
391
+ }
392
+ }
393
+
382
394
  .bi-card .bi-card--media .bi-card--media-overlay {
383
395
  top: var(--bi-scale-4x);
384
396
  left: var(--bi-scale-4x);
package/dist/components.css CHANGED
@@ -832,19 +832,31 @@
832
832
  .bi-card .bi-card--media > :-webkit-any(audio, figure, iframe, img, video) {
833
833
  border-radius: inherit;
834
834
  object-fit: cover;
835
- aspect-ratio: 3 / 2;
835
+ aspect-ratio: 4 / 3;
836
836
  width: 100%;
837
837
  display: block;
838
838
  }
839
839
 
840
+ @media not (min-width: 600px) {
841
+ .bi-card .bi-card--media > :-webkit-any(audio, figure, iframe, img, video) {
842
+ aspect-ratio: 3 / 2;
843
+ }
844
+ }
845
+
840
846
  .bi-card .bi-card--media > :is(audio, figure, iframe, img, video) {
841
847
  border-radius: inherit;
842
848
  object-fit: cover;
843
- aspect-ratio: 3 / 2;
849
+ aspect-ratio: 4 / 3;
844
850
  width: 100%;
845
851
  display: block;
846
852
  }
847
853
 
854
+ @media not (min-width: 600px) {
855
+ .bi-card .bi-card--media > :is(audio, figure, iframe, img, video) {
856
+ aspect-ratio: 3 / 2;
857
+ }
858
+ }
859
+
848
860
  .bi-card .bi-card--media .bi-card--media-overlay {
849
861
  top: var(--bi-scale-4x);
850
862
  left: var(--bi-scale-4x);
package/dist/salesforce.css CHANGED
@@ -1260,19 +1260,31 @@
1260
1260
  .bi-card .bi-card--media > :-webkit-any(audio, figure, iframe, img, video) {
1261
1261
  border-radius: inherit;
1262
1262
  object-fit: cover;
1263
- aspect-ratio: 3 / 2;
1263
+ aspect-ratio: 4 / 3;
1264
1264
  width: 100%;
1265
1265
  display: block;
1266
1266
  }
1267
1267
 
1268
+ @media not (min-width: 600px) {
1269
+ .bi-card .bi-card--media > :-webkit-any(audio, figure, iframe, img, video) {
1270
+ aspect-ratio: 3 / 2;
1271
+ }
1272
+ }
1273
+
1268
1274
  .bi-card .bi-card--media > :is(audio, figure, iframe, img, video) {
1269
1275
  border-radius: inherit;
1270
1276
  object-fit: cover;
1271
- aspect-ratio: 3 / 2;
1277
+ aspect-ratio: 4 / 3;
1272
1278
  width: 100%;
1273
1279
  display: block;
1274
1280
  }
1275
1281
 
1282
+ @media not (min-width: 600px) {
1283
+ .bi-card .bi-card--media > :is(audio, figure, iframe, img, video) {
1284
+ aspect-ratio: 3 / 2;
1285
+ }
1286
+ }
1287
+
1276
1288
  .bi-card .bi-card--media .bi-card--media-overlay {
1277
1289
  top: var(--bi-scale-4x);
1278
1290
  left: var(--bi-scale-4x);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
3
  "type": "module",
4
- "version": "0.4.0",
4
+ "version": "0.4.1",
5
5
  "engines": {
6
6
  "node": "^20.19.0 || >=22.12.0"
7
7
  },
@@ -35,7 +35,7 @@
35
35
  "lightningcss": "^1.30.2",
36
36
  "modern-normalize": "^3.0.1",
37
37
  "rimraf": "^6.0.1",
38
- "@bi-digital/tokens": "0.4.0"
38
+ "@bi-digital/tokens": "0.4.1"
39
39
  },
40
40
  "scripts": {
41
41
  "build": "rimraf dist && node config.js",