Menu icon Foundation
Inherit styles from button mixin inside small breakpoint

Is there a way that I can only set $expand in the small only breakpoint and inherit the $background and $background-hover from above?

 

    &__close {
        @include button($background: $success-color, $background-hover: auto);

        @include breakpoint(small only) {
            @include button($background: $success-color, $background-hover: auto, $expand: true);
        }
    }

foundation 6

Is there a way that I can only set $expand in the small only breakpoint and inherit the $background and $background-hover from above?

 

    &__close {
        @include button($background: $success-color, $background-hover: auto);

        @include breakpoint(small only) {
            @include button($background: $success-color, $background-hover: auto, $expand: true);
        }
    }