Глобальный CSS для приложения с веб-компонентами

Я разрабатываю веб-приложение, использующее собственные веб-компоненты HTML 5. Моя проблема в том, что у меня есть много общего CSS для всего этого, и я использую отличный шрифт, чтобы иметь красивые значки. Прямо сейчас я помещаю все свои стили внутрь «/ deep» теневого проникновения, но Chrome говорит: «/ deep / combinator устарел». Есть ли у вас какие-либо предложения о том, как сделать глобальные библиотеки CSS и CSS (например, font awesome) доступными для всего приложения?

Спасибо :)


html css web-component custom-element shadow-dom
person Nicolas Garin    schedule 22.07.2016    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Вы можете включить файл шрифта CSS глобально с помощью элемента <link rel="stylesheet">.

Что вам нужно будет импортировать его локально в каждый пользовательский элемент <template>, в <style> элемент, используя правило @import url CSS.

В этом ответе есть рабочий пример.

person Supersharp    schedule 22.07.2016
comment
Спасибо за ответ, я действительно думаю, что это более чистое решение. Я не хотел этого делать, потому что мне нужно включить это во все мои компоненты. - person Nicolas Garin; 22.07.2016