terse-syntax-for-states.css

.button-primary {
    background-color: $liteColor;
    &:focus {
        background-color: $liteColor;
    }
    &:hover {
        background-color: $liteColorHover;
    }
    &:active {
        background-color: $liteColorActive;
    }
    &:disabled, &.disabled {
        &,
        &:hover,
        &:focus,
        &:active {
            background-color: $liteColorDisabled;
        }
    }
}