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;
|
2019-02-15 16:33:03 +00:00
|
|
|
}
|