Могу ли я создавать внешние стили вне изоляции CSS Blazor?

Question

[NakedSnake27]

У меня есть сайт с разделёнными стилями, выглядит так:

В Style я импортирую все блоки в HTML разметку

@import "Core.css"
@import "Header/Header.css"
@import "Main/Main.css"
@import "Footer/Footer.css"
@import "И тому подобное"

Потом я перенёс свой сайт на Blazor WebAssembly и применил тот же метод разделения блоков.
Только получилось, что все стили находятся в статической папки, а в изоляции MainLayout.styl находятся импорты.
А если подключить стили в статическом index, то и импорты в изоляции будут не нужны.

И вот у меня возникает несколько вопросов:

1. Можно ли так делать и соответствует ли это Blazor Style Guide?
   
2. Если нельзя так делать, то как лучше сделать?
   
3. Если можно так делать, то как улучшить данный метод?
   
4. Если я буду использовать MainLayout.styl, который будет выдавать CSS, это будет лучше всех вышеперечисленных вариантов?
   

Спасибо за ответ!

P.S. На StackOverflow мне не ответили, но оставлю ссылку на оригинал (https://stackoverflow.com/q/70070506/16943903).

Answer 1

[NakedSnake27]

Т.к ответ никто не дал, то отвечу сам на свой вопрос.

Ответ в моём посте здесь: https://stackoverflow.com/q/70070506/16943903.

(Оставляю текст на случае удаление вопроса)

Well, no one answered, so I will write my answer to my question.

I split MainLayout into two parts - HeaderLayout and FooterLayout, made CSS isolation and in MainLayout I put them together.


And use pseudo-class ::deep for child component support (source: https://docs.microsoft.com/en-us/aspnet/core/blazo...).

I think my solution correspond to Blazor Style Guide and in general it is quite effective.