@orion-studios/payload-studio 0.5.0-beta.42 → 0.5.0-beta.43

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.
@@ -228,7 +228,8 @@ h4 {
228
228
  .feature-grid {
229
229
  display: grid;
230
230
  gap: 0.9rem;
231
- grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
231
+ /* Mobile-first: stack. Projects can override in their own globals.css. */
232
+ grid-template-columns: 1fr;
232
233
  margin-top: 1rem;
233
234
  }
234
235
 
@@ -280,7 +281,8 @@ h4 {
280
281
  .card-grid.services {
281
282
  display: grid;
282
283
  gap: 0.9rem;
283
- grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
284
+ /* Mobile-first: stack. */
285
+ grid-template-columns: 1fr;
284
286
  margin-top: 1rem;
285
287
  }
286
288
 
@@ -300,7 +302,8 @@ h4 {
300
302
  .split.testimonials-grid {
301
303
  display: grid;
302
304
  gap: 0.9rem;
303
- grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
305
+ /* Mobile-first: stack. */
306
+ grid-template-columns: 1fr;
304
307
  margin-top: 1rem;
305
308
  }
306
309
 
@@ -391,7 +394,8 @@ h4 {
391
394
  .orion-stats-grid {
392
395
  display: grid;
393
396
  gap: 0.9rem;
394
- grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
397
+ /* Mobile-first: stack. */
398
+ grid-template-columns: 1fr;
395
399
  margin-top: 1rem;
396
400
  }
397
401
 
@@ -426,7 +430,8 @@ h4 {
426
430
  .orion-logo-wall {
427
431
  display: grid;
428
432
  gap: 0.8rem;
429
- grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
433
+ /* Mobile-first: stack. */
434
+ grid-template-columns: 1fr;
430
435
  margin-top: 1rem;
431
436
  }
432
437
 
@@ -456,10 +461,37 @@ h4 {
456
461
  .orion-before-after-grid {
457
462
  display: grid;
458
463
  gap: 1rem;
459
- grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
464
+ /* Mobile-first: stack. */
465
+ grid-template-columns: 1fr;
460
466
  margin-top: 1rem;
461
467
  }
462
468
 
469
+ @media (min-width: 720px) {
470
+ .feature-grid {
471
+ grid-template-columns: var(--feature-grid-template-columns, repeat(auto-fit, minmax(200px, 1fr)));
472
+ }
473
+
474
+ .card-grid.services {
475
+ grid-template-columns: var(--services-grid-template-columns, repeat(auto-fit, minmax(240px, 1fr)));
476
+ }
477
+
478
+ .split.testimonials-grid {
479
+ grid-template-columns: var(--testimonials-grid-columns, repeat(auto-fit, minmax(260px, 1fr)));
480
+ }
481
+
482
+ .orion-stats-grid {
483
+ grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
484
+ }
485
+
486
+ .orion-logo-wall {
487
+ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
488
+ }
489
+
490
+ .orion-before-after-grid {
491
+ grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
492
+ }
493
+ }
494
+
463
495
  .orion-before-after-card {
464
496
  background: #fff;
465
497
  border: 1px solid rgba(13, 74, 55, 0.12);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orion-studios/payload-studio",
3
- "version": "0.5.0-beta.42",
3
+ "version": "0.5.0-beta.43",
4
4
  "description": "Unified Payload CMS toolkit for Orion Studios",
5
5
  "types": "./dist/index.d.ts",
6
6
  "main": "./dist/index.js",