@import "./variables";

%clickable {
    cursor: pointer;
    transition: background-color 250ms ease-out;

    &:hover {
        background-color: $color-hover-cd;
    }
}

%clickable-light {
    cursor: pointer;
    transition: opacity 250ms ease-out;

    &:hover {
        opacity: $color-hover-dc;
    }
}

%active {
    background-color: $color-active;
    color: $color-active-font;
}