[#764] Update skip-link - Githubissues

bitcrowd / bitstyles

A complete design system, with base styles and components, built in Sass using CSS variables

https://bitcrowd.github.io/bitstyles

ISC License

16 stars 0 forks source link

[#764] Update skip-link #780

Closed planktonic closed 1 year ago

planktonic commented 1 year ago

Fixes #764

Changes

New styles for the skip link
Component now has a hover states, so that the component still indicates their affordance to those who mix use of keyboard and pointer

📸 Looks like

Screenshot 2023-05-22 at 13 42 25

How to QA

👀 Visual changes

git fetch
git checkout feature/764-update-skip-link
yarn
yarn storybook
navigate to atoms/skip-link component

Check:

[ ] The appearance matches the design in Zeplin
[ ] The Zeplin component is correctly linked in storybook
[ ] The documentation for this component is correct, understandable, and up-to-date.

👾 Code changes

Check:

[ ] The documentation for this component is correct, understandable, and up-to-date.
[ ] The component makes good use of CSS custom properties to simplify creating variants (or doesn’t have variants).
[ ] Everything that should be a variable, is.

Preflight checks

[x] Storybook documentation has been updated
[x] Fixtures in test/scss/ have been updated
[x] Your changes have been added to the unreleased section of CHANGELOG.md