Changelog

V1.1.1 - February 20th, 2026

Resolved an issue where --dropdown-border-color was referrencing itself
Added new dropdown link variables to quickly change some styling for links inside a standard dropdown
Resolved an issue where --link-font-weight wasnt being used
Fixed an issue where dropdowns were using an old --dropdown-border variable which has recently been split into --dropdown-border-width and --dropdown-border-color

Moved the custom CSS from the 'Menu Wrapper' -> 'Header Wrapper'. this accomplishes a few things.
1. makes it easier if the menu wrapper needs a component change the new version can just be dropped in (assuming no changes were made on on the sites instance)
2. allows for all custom css to be found at a higher level instead of needing to edit the menu wrapper to see it
Added some combo selector css to free up some additional lines

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 5 days ago