Skip to content

Layout Style CSS v3.0.0

Choose a tag to compare

@Foscat Foscat released this 29 Jul 18:12
· 47 commits to main since this release
fab8e26

Breaking

  • Rebuilt the package as a clean-break intrinsic responsive system with attribute-only recipes and one shared container-query engine.
  • Removed legacy.css, the deprecated UI Style Kit structural bridge, v1/v2 aliases, recipe class aliases, extensionless export aliases, responsive/order utility families, and the scrollbar-unsafe .ly-bleed helper.
  • Reduced the npm tarball to the public generated CSS modules and personality profiles; package metadata, README, and license remain npm-standard package files.

Added

  • Added foundation.css for shared reset, tokens, named ly-scope containment, dynamic viewport sizing, and the 44rem/30rem height tiers.
  • Made .ly-root, every wrapper, and every recipe root a named responsive scope so recipes work without wrappers and respond to the nearest wrapper when nested.
  • Added data-ly-responsive=manual for application-owned topology with a safe stacked fallback.
  • Added device, independent width/height, automatic/manual, dimension, and active-topology controls to the demo.

Changed

  • Replaced breakpoint-heavy primitives with intrinsic Grid and Flexbox behavior and standardized shrink safety.
  • Moved Split Hero, List Detail, Docs, App Shell, and Dashboard topology to the shared 42rem, 44rem, 48rem, 52rem, and 72rem query tiers.
  • Converted all sixteen personalities into breakpoint-free token/topology profiles with at least two distinguishing spatial characteristics.
  • Made dynamic viewport and container-relative tokens feature-detected enhancements over valid vh and vw fallbacks.
  • Made manual Gallery and Card Grid recipes single-column, isolated nested personality split ratios, and aligned gap utilities across Grid, Stack, and Cluster.
  • Restricted deliberate horizontal scrolling to Reel and deliberate bounded vertical scrolling to Scroll.
  • Corrected case-sensitive GitHub Pages metadata and versioned local demo assets to prevent stale v2/v3 asset combinations.

Tests

  • Added package/export/tarball, canonical-selector, removed-surface, generated-parity, ownership, and personality-engine contracts.
  • Added exact flattened/minified parity, actual tarball contents, complete v2 selector migration, nested-profile isolation, and fallback-enhancement contracts.
  • Added threshold-edge, six-device, short-height, root-direct, nearest-wrapper, manual-query, DOM/focus-order, overflow, wrapper, recipe, and all-personality rendered matrices.
  • Made Chromium, Firefox, and WebKit the complete release gate and retained the connected-browser interaction spot check.