Как я могу получить тот же объект с классом в SCSS?

У меня есть этот код:

input[type="text"] {
    color: red;
    .blue {
        color: blue;
    }
}

Это дает мне это

input[type="text"] {
    color: red
}
input[type="text"] .blue {
    color: blue;
}

Как мне получить что-то подобное?

input[type="text"] {
    color: red
}
input[type="text"].blue {
    color: blue;
}

Ответы на вопрос(1)

Ваш ответ на вопрос