v1.3.1

✨ New

• Disabled animations in _reset.scss for users that have prefers-reduced-motion turned on

v1.3.0

This release introduces some ❤️ for the Navigation.astro component:

⚙️ Updates

• Navigation.astro now supports fully (keyboard and screenreader) accessible dropdown menu's
• Navigation.astro now has an auto responsive feature, it will switch to the mobile navigation depending on the amount of menu items you have
• DarkMode.astro and ResponsiveToggle.astro now use icons instead of text (and are still accessible)
• DarkMode.astro and ResponsiveToggle.astro are now baked in the Navigation.astro component
• Since DarkMode.astro is now embedded into Navigation.astro it will be more consistent across pages

Check it out on the new demo page at: https://starter.accessible-astro.dev/

v1.2.5

✨ New

• Starter theme now ships with Accessible Astro Components and Astro Icon by default
• Added extra npm scripts "dev": "astro dev" and "preview": "astro preview"

⚙️ Updates

• Astro to version 1.0.0-beta.5

🏗️ Changes

• Migrated astro-config.mjs to latest version
• Added DarkMode.astro component to about.astro and contact.astro pages

v1.2.4

🏗️ Changes

Navigation.astro

• aria-current="page" will now be set dynamically based on the page you are on. Thanks @djmtype for the suggestion at #20
• Added two extra demo pages to show this behaviour: /about and /contact
• Added a .is-active class with bold styling to visually show the current menu item

SkipLinks.astro

• tabindex="-1" will now automatically be added to the h1 of the page
• Added named slots to prepare the component for possible migration to the Accessible Astro Components package

v1.2.3

🐛 Bug Fixes

• Removed the small breakpoint in _grid.scss which caused column classes to not be applied to viewports which where smaller then the small breakpoint

v1.2.2

✨ New

Added more options to _color.scss with shades ranging from 100 to 900:

• Info
• Success
• Warning
• Error

v1.2.1

⚙️ Updates

• Astro to version 0.23.2

🏗️ Changes

Import CSS and images the recommended way, instead of deprecated Astro.resolve() as per the documentation:

• Move logo.svg to /assets/img/ folder
• Move styles to /assets/scss/ folder
• Import styles in DefaultLayout.astro using import '../assets/scss/globals.scss' in the front matter
• Reference logo using <img src={(await import('../assets/img/logo.svg')).default} alt="Your Logo">
• Update style @use references in some of the components

v1.2.0

✨ New

Several new utilities, check README.md for more information:

• Alignment
• Animations
• Border Radius
• Background / Text Colors
• Elevations
• Height / Width
• Spacings

⚙️ Updates

• Astro to version 0.23.1

🏗️ Changes

• Modernized _grid.scss by using display: grid instead of display: flex. Comes with new utility classes
• Removed Sass comments from all .scss files
• Added "sass" as a devDependency in package.json for Vite

v1.1.2

✨ New

• Added focus outline only for keyboard interactions (omitting them for mouse clicks) in _outline.scss

🏗️ Changes

• Changed all CSS /* */ comments in base files to // Sass comments
• Removed temporary fix now that bug is resolved in latest update: withastro/astro#1992

v1.1.1

⚙️ Updates

• Astro to version 0.21.2
• Manually added Autoprefixer and postcss.config.js conform Astro's v.0.21 migration guide

🏗️ Changes

• Changed path from global.css to global.scss in DefaultLayout.astro conform v0.21 migration guide
• Temporarily added global tags and a .temp class to styles of the Header.astro and Navigation.astro due to a bug