studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Update .btn:hover styles

Browse source
This commit is contained in:
Timothée Goguely 2024-10-02 14:31:32 +02:00
parent 2e533e1abc
commit 3d93905983
1 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/assets/css/src/2.blocks.button.css
View file

@ -8,6 +8,7 @@
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: var(--space-8);
padding: .6rem var(--space-16) .75em; padding: .6rem var(--space-16) .75em;
max-height: 2.5rem; max-height: 2.5rem;
text-align: center; text-align: center;
@ -79,12 +80,19 @@ input[type="checkbox"]:checked + .btn--primary {
padding: .375rem var(--space-12) .5rem; padding: .375rem var(--space-12) .5rem;
} }
.btn[data-icon]::before {
margin-right: var(--space-8);
}
@media (hover: hover) { @media (hover: hover) {
.btn:hover {
--background: var(--color-primary-hover);
}
.btn--primary:hover {
--background: var(--color-primary-10);
}
.btn--white:hover {
--background: var(--color-white);
}
.btn--grey:hover {
--background: var(--color-grey-800);
}
} }
.btn:focus-visible { .btn:focus-visible {