Вопрос про css cascade layers?

Question

[jack iakovenko]

всем привет! может уже кто-то тестил css cascade layers вместе с scss.
интересно как там импорт делать из файлов которые лежат в папках (в данном случае header лежит в папке layout) импортировать в main.scss ??

@layer layout {
     .header {
       background-color: crimson;
       padding-block: 2rem;
       padding-inline: 1rem;
       color: white;
     }
}

пробовал так но не работает

@import "./layout/header" layer(layout);

Comments

[Froggyweb]

бедный СSS как над ним только не издеваются. Причем решения только про изоляцию стилей, а не про полотенце в 2 мб накопленного...

Answer 1

[AlexeiBursin]

Вроде так можно ,остальное лишнее
.header {
background-color: crimson;
padding-block: 2rem;
padding-inline: 1rem;
color: white;
}
Либо так
layout .header {
background-color: crimson;
padding-block: 2rem;
padding-inline: 1rem;
color: white;
}