mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 10:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(accessibility): Add aria-current

Browse source
This commit is contained in:
Lucas Larroche 2022-02-27 16:12:53 +07:00
parent b0255697d7
commit df298eb4aa
47 changed files with 137 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

1
scss/components/_modal.scss
View file

@ -92,6 +92,7 @@ dialog {
transition: opacity var(--transition);
}
&[aria-current],
&:hover,
&:active,
&:focus {

1
scss/components/_nav.scss
View file

@ -44,6 +44,7 @@ nav {
border-radius: var(--border-radius);
text-decoration: none;
&[aria-current],
&:hover,
&:active,
&:focus {

7
scss/content/_button.scss
View file

@ -77,6 +77,7 @@ input[type="reset"],
box-shadow var(--transition);
}
&[aria-current],
&:hover,
&:active,
&:focus {
@ -106,6 +107,7 @@ input[type="reset"],
--color: var(--secondary-inverse);
cursor: pointer;
&[aria-current],
&:hover,
&:active,
&:focus {
@ -130,6 +132,7 @@ input[type="reset"],
--border-color: var(--contrast);
--color: var(--contrast-inverse);
&[aria-current],
&:hover,
&:active,
&:focus {
@ -153,6 +156,7 @@ input[type="reset"],
--background-color: transparent;
--color: var(--primary);
&[aria-current],
&:hover,
&:active,
&:focus {
@ -169,6 +173,7 @@ input[type="reset"],
[role="button"].outline.secondary {
--color: var(--secondary);
&[aria-current],
&:hover,
&:active,
&:focus {
@ -184,6 +189,7 @@ input[type="reset"],
[role="button"].outline.contrast {
--color: var(--contrast);
&[aria-current],
&:hover,
&:active,
&:focus {
@ -200,6 +206,7 @@ input[type="reset"],
--color: var(--secondary-inverse);
cursor: pointer;
&[aria-current],
&:hover,
&:active,
&:focus {

3
scss/content/_typography.scss
View file

@ -81,6 +81,7 @@ a {
text-decoration var(--transition), box-shadow var(--transition);
}
&[aria-current],
&:hover,
&:active,
&:focus {
@ -97,6 +98,7 @@ a {
&.secondary {
--color: var(--secondary);
&[aria-current],
&:hover,
&:active,
&:focus {
@ -112,6 +114,7 @@ a {
&.contrast {
--color: var(--contrast);
&[aria-current],
&:hover,
&:active,
&:focus {