primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2025-01-01 18:53:34 +03:00
Code Issues Projects Releases Wiki Activity

Add aria-disabled=true

Browse Source
This commit is contained in:
simurai 2020-01-03 20:19:57 +09:00
parent 3f72b945d6
commit 24fd50a0f8
4 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/buttons/button.scss
View File

@ -50,7 +50,8 @@
}
&:disabled,
&.disabled {
&.disabled,
&[aria-disabled=true] {
cursor: default;
// Repeat `background-position` because `:hover`
background-position: 0 0;
@ -130,7 +131,8 @@
text-decoration: underline;
}
&:disabled {
&:disabled,
&[aria-disabled=true] {
&,
&:hover {
// stylelint-disable-next-line primer/colors
@ -181,7 +183,8 @@
&:hover { color: $text-blue; }
&.disabled {
&.disabled,
&[aria-disabled=true] {
// stylelint-disable-next-line primer/colors
color: $gray-400;
cursor: default;

3
src/marketing/buttons/button.scss
View File

@ -29,7 +29,8 @@
}
&:disabled,
&.disabled {
&.disabled,
&[aria-disabled=true] {
pointer-events: none; // Disable hover styles
cursor: default;
opacity: 0.65;

4
src/pagination/pagination.scss
View File

@ -58,8 +58,10 @@
.gap,
.disabled,
[aria-disabled=true],
.gap:hover,
.disabled:hover {
.disabled:hover,
[aria-disabled=true]:hover {
// stylelint-disable-next-line primer/colors
color: $gray-300;
cursor: default;

12
src/support/mixins/buttons.scss
View File

@ -30,7 +30,8 @@
}
&:disabled,
&.disabled {
&.disabled,
&[aria-disabled=true] {
color: rgba($color, 0.4);
background-color: $bg2;
background-image: none;
@ -63,7 +64,8 @@
}
&:disabled,
&.disabled {
&.disabled,
&[aria-disabled=true] {
color: rgba($color, 0.75);
background-color: mix($bg2, $white, 50%);
background-image: none;
@ -110,7 +112,8 @@
}
&:disabled,
&.disabled {
&.disabled,
&[aria-disabled=true] {
color: rgba($color, 0.4);
background-color: $bg2;
background-image: none;
@ -150,7 +153,8 @@
}
&:disabled,
&.disabled {
&.disabled,
&[aria-disabled=true] {
color: $black-fade-30;
background-color: $bg-white;
border-color: $black-fade-15;