Add transitions to hover effects

This commit is contained in:
IRBorisov 2023-11-07 11:39:23 +03:00
parent 07e0959d38
commit 150bfa0629

View File

@ -198,6 +198,7 @@
.clr-btn-primary:hover, .clr-btn-primary:hover,
.clr-btn-primary:focus .clr-btn-primary:focus
) { ) {
@apply transition;
color: var(--cl-prim-fg-100); color: var(--cl-prim-fg-100);
background-color: var(--cl-prim-bg-100); background-color: var(--cl-prim-bg-100);
.dark & { .dark & {
@ -221,6 +222,7 @@
.clr-btn-default, .clr-btn-default,
.clr-btn-primary .clr-btn-primary
):disabled { ):disabled {
@apply transition;
color: var(--cl-fg-80); color: var(--cl-fg-80);
background-color: var(--cl-bg-60); background-color: var(--cl-bg-60);
.dark & { .dark & {
@ -234,6 +236,7 @@
.clr-btn-nav, .clr-btn-nav,
.clr-btn-default .clr-btn-default
):hover:not(:disabled) { ):hover:not(:disabled) {
@apply transition;
color: var(--cl-fg-100); color: var(--cl-fg-100);
background-color: var(--cl-prim-bg-60); background-color: var(--cl-prim-bg-60);
.dark & { .dark & {