Changelog

V1.0.3 - February 10th, 2026

did a pass for all the dropdown patterns so that they don't use --radius-s because ACSS does not have these on by default.
Tightened up spacing on mobile for dropdown's so they werent so all over the place
While doing a pass I found a better way to apply padding for more compatibility. Padding for dropdown content has been moved from the .menu-dropdown__content-wrapper -> .menu-dropdown__content. This was moved to make it easier to use overflow: hidden; on the content like in dropdown Lyra

Added the ability to target links within the nav that are are linked to the current page the visitor is on.
1. Current active link gets a class of .active-link
2. --link-color-active and --link-bg-active to change the color and background of the active links. You can also search for these variables inside the menu wrapper component to find where to add additional styling
Refined Dropdowns
1. broke --dropdown-border into
  1. --dropdown-border-width
  2. --dropdown-border-color
2. added --dropdown-link-min-radius so that the links inside standard dropdowns have a minimum radius before they abide by a concentric radius from the dropdown content
3. added better alignment for nested dropdowns
ACSS V4 added padding to the header by default. Added CSS to remove that
Removed more found duplicate CSS
set .nav__list to have align-items: center; by default to resolve nav items falling out of alignment

Fixed backdrop animation for off canvas mobile menu. Was instantly disappearing on close
Updated accordion mode logic so when you open a dropdown in accordion mode it will make sure it stays in view
Updated logic so that if menu is open on mobile and user resizes to desktop mode, the mobile menu closes
Removed some duplicate CSS
Renamed Etch Layer 'Header' -> 'Header Wrapper'
Renamed Etch Layer 'Header Inner' -> 'Header'

Last updated 1 day ago