docbrown/app/javascript/crayons/Dropdown/__stories__/dropdown-css-helper.scss
Suzanne Aitchison 516bab133f
Storybook dropdown should be accessible 11724 (#12295)
* allow keyboard access to dropdown stories

* add accessibility notes to dropdown stories

* manage focus in html example

* Update reference to aria attributes in notes

Co-authored-by: Vaidehi Joshi <vaidehi.sj@gmail.com>

* add focus style to link for keyboard users

Co-authored-by: Vaidehi Joshi <vaidehi.sj@gmail.com>
2021-01-19 08:51:37 +00:00

15 lines
232 B
SCSS

.dropdown-trigger-container {
position: relative;
.dropdown-trigger + .active {
display: block;
}
a:focus {
outline: -webkit-focus-ring-color auto 1px;
}
a:focus:not(:focus-visible) {
outline: none;
}
}