Глобальные стили

Во многих проектах часто возникает необходимость применить один набор CSS-стилей для нескольких компонентов с похожими функциями. В тот момент, когда используется пользовательский шрифт для хотя бы части интерфейса или один и тот же компонент используется на инструментальной панели более одного раза, неизбежно возникает необходимость каким-то образом управлять идентичными пользовательскими CSS-свойствами элементов.

Чтобы не дублировать одни и те же CSS-сниппеты снова и снова между всеми компонентами, примените общие стили компонентов глобально в пределах инструментальной панели или всего приложения, используя один из доступных в SberMobile методов.

Использование глобального CSS обеспечивает централизованный контроль над общими стилями компонентов инструментальной панели, но требует использования более точных CSS-селекторов для целевых групп различных элементов компонента в макете и усложняет устранение неполадок.

Существует два способа глобального применения стилей CSS к компонентам инструментальной панели в SberMobile:

• Добавление стилей CSS в Корневую панель инструментальной панели.

• Ссылка на них, как на внешний CSS-файл.

Первый метод хорош для случаев, когда приложение состоит из небольшого количества отдельных панелей и/или для размещения пользовательского интерфейса используется шаблон инструментальной панели.

Второй может быть полезен, если приложение состоит из множества инструментальных панелей с множеством похожих компонентов и не использует шаблон инструментальной панели для своего пользовательского интерфейса.