salix/front/core/styles/effects.scss

29 lines
464 B
SCSS

@import "./variables";
%clickable {
cursor: pointer;
transition: background-color 250ms ease-out;
&:hover,
&:focus {
background-color: $color-hover-cd;
outline: none;
}
}
%clickable-light {
cursor: pointer;
transition: opacity 250ms ease-out;
&:hover,
&:focus {
opacity: $color-hover-dc;
outline: none;
}
}
%active {
background-color: $color-active;
color: $color-active-font;
}