diff --git a/package.json b/package.json index 361c7898..d6f58c69 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "accessible-astro-starter", "description": "An Accessible Starter Theme for Astro including several accessibility features and tools to help you build faster.", - "version": "4.2.0", + "version": "4.2.1", "author": "Incluud", "license": "MIT", "type": "module", @@ -62,6 +62,6 @@ "dependencies": { "@astrojs/sitemap": "^3.5.1", "@tailwindcss/vite": "^4.1.13", - "accessible-astro-components": "^5.0.0" + "accessible-astro-components": "^5.0.1" } } diff --git a/src/assets/scss/base/_button.scss b/src/assets/scss/base/_button.scss deleted file mode 100644 index 8adc665a..00000000 --- a/src/assets/scss/base/_button.scss +++ /dev/null @@ -1,52 +0,0 @@ -@use './mixins' as *; - -.button { - display: inline-flex; - position: relative; - justify-content: center; - align-items: center; - transition: all var(--animation-speed-fast) var(--cubic-bezier); - cursor: pointer; - border: 3px solid light-dark(var(--color-primary-200), var(--color-primary-100)); - border-radius: var(--radius-s); - background-color: light-dark(var(--color-primary-200), var(--color-primary-100)); - padding: var(--space-xs) var(--space-s); - inline-size: fit-content; - color: var(--color-neutral-900); - font-weight: 700; - - @include text-decoration(transparent, currentColor); - - &:where(:hover, :focus-visible) { - border-color: light-dark(var(--color-primary-300), var(--color-primary-300)); - background-color: light-dark(var(--color-primary-300), var(--color-primary-300)); - text-decoration-thickness: 2px; - } - - &.color-secondary { - border-color: light-dark(var(--color-secondary-100), var(--color-secondary-100)); - background-color: light-dark(var(--color-secondary-100), var(--color-secondary-100)); - - &:where(:hover, :focus-visible) { - border-color: light-dark(var(--color-secondary-300), var(--color-secondary-300)); - background-color: light-dark(var(--color-secondary-300), var(--color-secondary-300)); - } - } - - &.has-icon { - display: flex; - align-items: center; - gap: var(--space-2xs); - - [data-icon] { - inline-size: 30px; - block-size: auto; - } - - &:where(:hover, :focus-visible) { - [data-icon] { - animation: boop 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; - } - } - } -} diff --git a/src/assets/scss/index.scss b/src/assets/scss/index.scss index ae777c75..33db2a46 100644 --- a/src/assets/scss/index.scss +++ b/src/assets/scss/index.scss @@ -3,7 +3,6 @@ @use 'base/font'; @use 'base/list'; @use 'base/breakpoint'; -@use 'base/button'; @use 'base/general'; @use 'base/kbd'; @use 'base/mixins';