studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨(react) add active state on button

Browse Source 
Previously we had no way of forcing a button to render in
an active state.
This commit is contained in:
Nathan Vasse
2023-02-16 14:40:48 +01:00
committed by NathanVss
parent 8bf13ae3ad
commit f3e3b568fc
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/react/src/components/Button/index.scss
View File

@@ -38,7 +38,7 @@
background-color: var(--c--theme--colors--primary-600);
}
&:active {
&:active, &.c__button--active {
background-color: var(--c--theme--colors--primary-500);
}
}
@@ -51,7 +51,7 @@
background-color: var(--c--theme--colors--secondary-600);
}
&:active {
&:active, &.c__button--active {
background-color: var(--c--theme--colors--secondary-500);
}
}
@@ -64,8 +64,9 @@
color: var(--c--theme--colors--greyscale-900);
}
&:active {
&:active, &.c__button--active {
color: var(--c--theme--colors--greyscale-800);
background-color: var(--c--theme--colors--greyscale-200);
}
}