Skip to content

Releases: vitre-ui/vitre-css

v1.5.1

Choose a tag to compare

@appurist appurist released this 07 May 20:34

See CHANGELOG.md

v1.3.0

Choose a tag to compare

@appurist appurist released this 07 May 04:34

1.3.0 - 2026-05-07

  • Added default flex wrapping and tokenized spacing for nav elements with --vitre-nav-gap.
  • Kept nav alignment neutral by avoiding automatic centering based on accessibility attributes.
  • Strengthened button hover affordance with tokenized glow, border, shadow, and scale effects.
  • Added stronger button background gradient variables so gradients can be customized or disabled with --vitre-button-bg-image or data-vitre-gradient="none".
  • Added data-vitre-glow="none" and split button hover shadow variables so per-button glow can be disabled without removing the drop shadow.
  • Added --vitre-font-weight and a lighter cross-platform sans stack using Segoe UI Semilight on Windows with lighter native fallbacks on macOS and Linux.

v1.2.0

Choose a tag to compare

@appurist appurist released this 06 May 18:04

1.2.0 - 2026-05-06

  • Refactored color-mix() usage into named dependent variables so generated colors can still be overridden.
  • Split theme palette variables into vitre.light and vitre.dark cascade layers while keeping shared variables in vitre.theme.
  • Added explicit spacing between adjacent card-rendered semantic panels, including document sections, articles, asides, and nested section articles.
  • Replaced blank kitchen sink media placeholders with local MP3 and MP4 examples, a YouTube iframe embed, and live object/embed examples.

v1.1.1

Choose a tag to compare

@appurist appurist released this 04 May 06:37

1.1.1 adjusts spacing between adjacent card-rendered semantic panels, splits light mode palette variables from the core to match the dark variables, updates the kitchen sink test page.

  • Added explicit spacing between adjacent card-rendered semantic panels, fixing
    sections/cards running together in the docs.
  • Split theme palette CSS into separate cascade layers:
    • vitre.theme for shared variables
    • vitre.light for light palette values
    • vitre.dark for dark/system-dark palette values
  • Improved kitchen sink embedded media:
    • added local MP3 example
    • added local MP4 video example
    • added YouTube iframe example
    • added object/embed examples with captions
  • Added block-size: auto to reset media sizing so images/video/canvas/svg scale more
    predictably.
  • Renamed media assets to shorter names:
    • september.mp3
    • drowning-in-life-clip.mp4
  • Updated docs sync script to copy kitchen sink media into docs/media.
  • Fixed kitchen sink Docs nav link to use index.html, so it works in file: mode.
  • Updated changelog and synced docs/vitre.css / docs/test.html.

v1.1.0

Choose a tag to compare

@appurist appurist released this 03 May 20:59

Vitre CSS 1.1.0

  • adds broader semantic-HTML structure support and improves the project docs/linking.

Main changes:

  • Added nested article/card structure styling:
    • article > header
    • article > footer
    • article nested inside main or section
  • Added nested aside callout styling inside article/section
  • Added definition list styling for dt and dd.
  • Added role-based banners:
    • [role="alert"]
    • [role="status"]
    • [role="note"]
  • Added new role banner variables:
    • --vitre-alert
    • --vitre-alert-bg
    • --vitre-status
    • --vitre-status-bg
    • --vitre-note
    • --vitre-note-bg
  • Added dialog > article neutral styling so semantic dialog layouts avoid duplicate panel chrome.
  • Expanded the kitchen sink page with semantic structure examples.
  • Clarified some of the documentation sections.
  • Added backlinks between npmjs, GitHub repo, and GitHub Pages docs.

v1.0.1 -

Choose a tag to compare

@appurist appurist released this 02 May 00:54
  • Added native form validation styling for :user-invalid and :user-valid using existing semantic color variables.
  • Added [aria-busy="true"] button styling with a CSS-only spinner and --vitre-busy-* customization variables.
  • Improved progress styling with explicit native bar colors and rounded shape.
  • Updated the CSS banner version to match the package version.
  • Removed the old concept document from the npm package and folded its user-facing positioning into the README.md.
  • Kept the GitHub Pages stylesheet copy in sync with the package stylesheet.

v1.0.0 Initial release

Choose a tag to compare

@appurist appurist released this 02 May 00:52