Repository navigation
Releases: vitre-ui/vitre-css
Releases · vitre-ui/vitre-css
Release list
v1.5.1
v1.3.0
1.3.0 - 2026-05-07
- Added default flex wrapping and tokenized spacing for
navelements 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-imageordata-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-weightand a lighter cross-platform sans stack using Segoe UI Semilight on Windows with lighter native fallbacks on macOS and Linux.
v1.2.0
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.lightandvitre.darkcascade layers while keeping shared variables invitre.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
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
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 > headerarticle > footerarticlenested insidemainorsection
- Added nested
asidecallout styling insidearticle/section - Added definition list styling for
dtanddd. - 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 > articleneutral 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 -
- Added native form validation styling for
:user-invalidand:user-validusing 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
Full Changelog: https://github.com/appurist/vitre-css/commits/v1.0.0