2022-05-24 10:18:44 +00:00
|
|
|
|
|
|
|
|
@import "variables";
|
|
|
|
|
|
|
|
|
|
%box {
|
|
|
|
|
border-radius: .6em;
|
|
|
|
|
box-shadow: .05em .05em .2em rgba(0, 0, 0, .1);
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
border: none;
|
|
|
|
|
background-color: white;
|
|
|
|
|
}
|
|
|
|
|
%clickable {
|
2022-05-25 18:04:16 +00:00
|
|
|
cursor: pointer;
|
|
|
|
|
transition: background-color 250ms ease-out;
|
2022-05-24 10:18:44 +00:00
|
|
|
|
2022-05-25 18:04:16 +00:00
|
|
|
&:hover,
|
|
|
|
|
&:focus {
|
|
|
|
|
background-color: $color-hover-cd;
|
|
|
|
|
outline: none;
|
|
|
|
|
}
|
2022-05-24 10:18:44 +00:00
|
|
|
}
|
2022-11-18 20:10:41 +00:00
|
|
|
|
|
|
|
|
@mixin mobile {
|
|
|
|
|
@media screen and (max-width: 960px) {
|
|
|
|
|
@content;
|
|
|
|
|
}
|
|
|
|
|
}
|
