An Accessible Starter Theme for Astro 4.0 including accessibility features such as landmarks, better focus-outline and skip-links navigation. Ships with Tailwind, Prettier and ESLint support.
MIT License
Bot releases are hidden (Show)
Published by markteekman about 2 years ago
autoprefixer
, stylelint
, vite ssr svgo
and robots.txt
)Published by markteekman about 2 years ago
Published by markteekman about 2 years ago
ResponsiveToggle.astro
#36
client:load
on a couple of componentsPublished by markteekman over 2 years ago
line-height
for better readabilityPublished by markteekman over 2 years ago
DarkMode.astro
component's iconsPublished by markteekman over 2 years ago
README.md
for more information_alignments.scss
index.astro
aria-hidden="true"
to the icons of the ResponsiveToggle.astro
componentDarkMode.astro
and SkipLinks.astro
components with those provided by the Accessible Astro Components packagePublished by markteekman over 2 years ago
social-image-preview.png
to root public folderPublished by markteekman over 2 years ago
Navigation.astro
component404.astro
pageblog.astro
page and a dynamic posts/[id].astro
page as an exampleabout.astro
and contact.astro
example pages and replaced it with example-page.astro
Published by markteekman over 2 years ago
_reset.scss
for users that have prefers-reduced-motion
turned onPublished by markteekman over 2 years ago
This release introduces some β€οΈ for the Navigation.astro component:
Check it out on the new demo page at: https://starter.accessible-astro.dev/
Published by markteekman over 2 years ago
"dev": "astro dev"
and "preview": "astro preview"
astro-config.mjs
to latest versionDarkMode.astro
component to about.astro
and contact.astro pages
Published by markteekman over 2 years ago
Navigation.astro
aria-current="page"
will now be set dynamically based on the page you are on. Thanks @djmtype for the suggestion at #20/about
and /contact
.is-active
class with bold styling to visually show the current menu itemSkipLinks.astro
tabindex="-1"
will now automatically be added to the h1
of the pagePublished by markteekman over 2 years ago
small
breakpoint in _grid.scss
which caused column classes to not be applied to viewports which where smaller then the small
breakpointPublished by markteekman over 2 years ago
Added more options to _color.scss
with shades ranging from 100 to 900:
Published by markteekman over 2 years ago
Import CSS and images the recommended way, instead of deprecated Astro.resolve()
as per the documentation:
logo.svg
to /assets/img/
folder/assets/scss/
folderDefaultLayout.astro
using import '../assets/scss/globals.scss'
in the front matter<img src={(await import('../assets/img/logo.svg')).default} alt="Your Logo">
@use
references in some of the componentsPublished by markteekman over 2 years ago
Several new utilities, check README.md for more information:
_grid.scss
by using display: grid
instead of display: flex
. Comes with new utility classes"sass"
as a devDependency in package.json
for VitePublished by markteekman almost 3 years ago
_outline.scss
/* */
comments in base files to //
Sass commentsPublished by markteekman almost 3 years ago
postcss.config.js
conform Astro's v.0.21 migration guideglobal.css
to global.scss
in DefaultLayout.astro
conform v0.21 migration guide.temp
class to styles of the Header.astro
and Navigation.astro
due to a bugPublished by markteekman almost 3 years ago
ResponsiveToggle.astro
component for mobile viewportspackage-lock.json
to .gitignore
and removed the file from the repositoryvar
was included in the body background in _font.scss
Published by markteekman almost 3 years ago
font-weight
to 400
for better readability of imported Google Fonts.idea
to .gitignore