@xiwebdesign/xicms-core 5.0.4 → 5.0.6

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 (2) hide show
  1. package/dist/styles.css +22 -2
  2. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -2278,9 +2278,29 @@
2278
2278
  .xicms-cards__title { margin: 0 0 0.35rem; font-size: 1.05rem; }
2279
2279
  .xicms-cards__text { margin: 0; opacity: 0.8; }
2280
2280
  .xicms-cards__link { display: inline-block; margin-top: 0.6rem; font-weight: 600; color: var(--xicms-primary, #4f46e5); }
2281
- /* Mobiel (één kolom): kaarten netjes gecentreerd — zowel icon- als foto-kaarten. De afbeelding vult de
2282
- kaart (width:100%); titel/tekst/link eronder gecentreerd oogt gebalanceerd op smal scherm. */
2281
+ /* Mobiel: kaarten + prijzen + reviews + statistieken twee-op-een-rij (i.p.v. vol-breed één kolom of
2282
+ een scheve 3+1) en kaarten netjes gecentreerd.
2283
+ De Astryx-grid dwingt via minmax(…) anders één kolom af (of een fluïde 3+1 bij counters) → los;
2284
+ we forceren 2 kolommen (!important omdat Astryx de kolommen inline zet). `min-width:0` op de
2285
+ grid-items voorkomt dat foto's rechts uit de kaart lopen (grid-items krimpen standaard niet onder
2286
+ hun content). Een site die 1 kolom wil, zet dit per-site terug in z'n eigen globals.css. */
2283
2287
  @media (max-width: 639px) {
2288
+ .xicms-cards .astryx-grid,
2289
+ .xicms-pricing .astryx-grid,
2290
+ .xicms-testimonials .astryx-grid,
2291
+ .xicms-counters .astryx-grid {
2292
+ grid-template-columns: repeat(2, 1fr) !important;
2293
+ gap: 0.75rem;
2294
+ }
2295
+ .xicms-cards .astryx-grid > *,
2296
+ .xicms-pricing .astryx-grid > *,
2297
+ .xicms-testimonials .astryx-grid > *,
2298
+ .xicms-counters .astryx-grid > * {
2299
+ min-width: 0;
2300
+ }
2301
+ .xicms-cards img {
2302
+ max-width: 100%;
2303
+ }
2284
2304
  .xicms-cards__card { text-align: center; }
2285
2305
  .xicms-cards__icon { margin-inline: auto; }
2286
2306
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xiwebdesign/xicms-core",
3
- "version": "5.0.4",
3
+ "version": "5.0.6",
4
4
  "description": "XiCMS engine: gestructureerde content, pagina's, draft/publish, admin (TipTap+Radix), SEO en beveiliging voor klantsites.",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {