Zmienne SCSS jako klasa @extend

Mój pomysł jest taki, że chciałbym napisać ciche zajęcia dlainput[type=text], input[type="password"] iinput[type=submit]. W takim razie chciałbym@extend je w miksie, przepuszczając hem jako zmienną.

Mój parser rzuca ten błąd;

Syntax error: Invalid CSS after "   @extend ": expected selector_sequence, was "$type;"

Oto mój kod;

%text {
    (text styling)
}

%password {
    @extend %text;
}

%submit {
    padding: .5em;
    background-color: $button-color;
    border: none;
    cursor: pointer;
    color: white;
    border: 1px solid darken($button-color, 20%);
    &:hover {
        @include transition;
        background-color: darken($button-color, 10%);
    }
}

@mixin input($type) {
    margin-bottom: 1.5em;
    margin-left: 0;
    outline: none;
    @extend $type;
}

Każda pomoc byłaby doceniana

questionAnswers(2)

yourAnswerToTheQuestion