Моя идея состоит в том, что я хотел бы написать немые классы для,input[type=text]input[type="password"] а такжеinput[type=submit], Я бы тогда@extend они в mixin, передавая Hem через переменную.

Мой парсер выдает эту ошибку;

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

Вот мой код;

%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;
}

Любая помощь будет оценена