accessible-astro-starter

Changes

• Cleaned up project (removed autoprefixer, stylelint, vite ssr svgo and robots.txt)
• Updated Astro to version 1.4.4
• Updated Accessible Astro Components to version 1.5.7

Updates

• Astro to version 1.1.5
• Astro Icon to version 0.7.3
• Accessible Astro Components to version 1.5.6

⚙️ Updates

• Astro to version 1.0.3
• Accessible Astro Components to version 1.5.5

🐛 Bug Fixes

• Fix faulty SVG's for responsive menu open and close actions in ResponsiveToggle.astro #36
  • Shout-out to @djmtype for submitting the issue!
• Remove unnecessary client:load on a couple of components

⚙️ Updates

• Accessible Astro Components to version 1.5.4

🏗️ Changes

• Improve default text line-height for better readability

🐛 Bug Fixes

• Fixed hover effect styles for the DarkMode.astro component's icons

✨ New

• A Button primitive included in the utilities, check the README.md for more information

⚙️ Updates

• Accessible Astro Components to version 1.5.3

🏗️ Changes

• Refactored alignment utility classes to a single, new file in _alignments.scss
• Added examples of the new Button primitive in index.astro
• Applied aria-hidden="true" to the icons of the ResponsiveToggle.astro component
• Replaced DarkMode.astro and SkipLinks.astro components with those provided by the Accessible Astro Components package

✨ New

• Added a MIT License to the project

🏗️ Changes

• Moved social-image-preview.png to root public folder

✨ New

• Added support for external links in the Navigation.astro component
• Added a custom 404.astro page
• Added a blog.astro page and a dynamic posts/[id].astro page as an example

🏗️ Changes

• Removed about.astro and contact.astro example pages and replaced it with example-page.astro
• Added a dynamic year to the footer copyright and credits to the Astro framework

✨ New

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

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/

✨ 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

🏗️ 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

🐛 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

✨ New

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

• Info
• Success
• Warning
• Error

⚙️ 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

✨ 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

✨ 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: https://github.com/withastro/astro/issues/1992

⚙️ 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

✨ New

• Added an accessible ResponsiveToggle.astro component for mobile viewports

🐛 Bug Fixes

• Added package-lock.json to .gitignore and removed the file from the repository
• Fixed a type where no var was included in the body background in _font.scss
• Small cleanups

⚙️ Updates

• Astro to version 0.20.12

🏗️ Changes

• Default font-weight to 400 for better readability of imported Google Fonts
• Added Webstorms .idea to .gitignore