toggle-corp/react-store

@import '../../../../../stylesheets/button-base';

.option {
    @extend %button-base;
    display: block;
    cursor: pointer;
    padding: var(--spacing-small) var(--spacing-small-alt);
    width: 100%;
    text-align: left;

    &.focused {
        background-color: var(--color-background-hover);
        // background-color: get-hover-color(var(--color-foreground));
    }

    &.active {
        background-color: var(--color-accent);
        color: var(--color-text-on-accent);
    }
}