Skip to content

v6.7.0

Latest
Latest

Choose a tag to compare

View all tags
@Selekkt Selekkt released this 23 Jul 14:35
· 2 commits to master since this release
v6.7.0
46254bb
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

Added

  • Overlay stylesheet css/skelet-overlay.css — backdrop and positioning for
    native <dialog> and popover elements.
  • Semantic color tokens: --colorSuccess, --colorWarning, --colorDanger,
    --colorInfo.
  • Automatic light/dark theming via light-dark() color variables.
  • text-nonecase text-transform utilities.
  • Extended align-items and align-content utility classes.
  • Extended spacing (--space*) and type-scale (--fontSize*) variables.
  • Button hover and code-block CSS variables.
  • Exit animations: fadeOutLeft, fadeOutRight, scaleOut, zoomOut.
  • Documentation split: consumer guide in docs/using/skelet.md; contributor
    docs (architecture.md, releasing.md) under docs/developing/.

Changed

  • Modernized the stylesheet with nested selectors and :where() for lower,
    easier-to-override specificity.
  • Refactored form controls, tables, x-stack, and button variables.
  • Switched input/button padding to em units.
  • Refined responsive breakpoints.
  • Updated InterVariable font; increased text-bold weight.
  • Updated Font Awesome to 7.0.1.
  • Optimized stylesheet loading with preload.
  • homepage now points to https://selekkt.dk/skelet/.

Fixed

  • Corrected the --a11yOutline color error.
  • Refined focus/outline states and heading styles for accessibility.

Full Changelog: v6.0.0...v6.7.0

Assets 2
Loading