salix/front/core/styles/effects.scss

35 lines
574 B
SCSS
Raw Permalink Normal View History

2019-02-08 16:49:51 +00:00
@import "./variables";
2018-05-31 11:34:48 +00:00
%clickable {
cursor: pointer;
transition: background-color 250ms ease-out;
2019-10-26 23:30:01 +00:00
&:hover,
&:focus {
2019-02-08 16:49:51 +00:00
background-color: $color-hover-cd;
2019-10-26 23:30:01 +00:00
outline: none;
2018-05-31 11:34:48 +00:00
}
}
%clickable-light {
cursor: pointer;
transition: opacity 250ms ease-out;
2019-10-26 23:30:01 +00:00
&:hover,
&:focus {
2019-02-08 16:49:51 +00:00
opacity: $color-hover-dc;
2019-10-26 23:30:01 +00:00
outline: none;
2018-05-31 11:34:48 +00:00
}
2019-02-08 16:49:51 +00:00
}
%active {
background-color: $color-active;
color: $color-active-font;
&:hover,
&:focus {
background-color: $color-active;
color: $color-active-font;
}
2019-02-15 16:33:03 +00:00
}