@d3_dx

Как прописать для двух псевдоэлементов одни и те же свойства (SASS)?

К примеру, нужно для элемента .box и двум его псевдоэлементам before и after прописать одни и те же свойства. Как это кратко записать в SASS?

В css это выглядело бы примерно так
.box,
.box::before,
.box::after {
	width:  100px;
	height: 100px;
	и т.д
}
  • Вопрос задан
  • 747 просмотров
Решения вопроса 1
@Flying
.box {
    &::before, &::after {
        width: 100px;
        height: 100px;
    }
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
ArsenyMatytsyn
@ArsenyMatytsyn
Руководитель frontend направления, предприниматель
SASS это не более, чем расширение CSS. В нем работает все то же самое, но есть крутые фичи, типа призрачных классов. К запросу «кратко записать» оно мало относится, а вот «прописать одни и те же свойства» это на здоровье.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы