Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

handling focus

Browse Source
This commit is contained in:
Antoine M 2023-12-19 12:53:29 +01:00
parent 1b7d9e1dd6
commit ba359bd921
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/css/components/cta.css
View File

@ -1,5 +1,9 @@
.cta { .cta {
@apply block w-fit my-2 text-base font-bold; @apply block w-fit my-2 text-base font-bold;
&:focus {
@apply outline-primary outline-offset-8;
}
&--button { &--button {
@apply rounded-full px-8 py-4 focus:rounded-full font-bold h-fit cursor-pointer; @apply rounded-full px-8 py-4 focus:rounded-full font-bold h-fit cursor-pointer;
text-decoration: none !important; text-decoration: none !important;
@ -93,7 +97,8 @@
} }
&.cta--download.cta--white { &.cta--download.cta--white {
&:hover { &:hover,
&:focus {
@apply bg-secondary text-white; @apply bg-secondary text-white;
&:after { &:after {
filter: invert(99%) sepia(3%) saturate(175%) hue-rotate(283deg) brightness(113%) filter: invert(99%) sepia(3%) saturate(175%) hue-rotate(283deg) brightness(113%)