Глобальные стили![](anchor.svg)
Во многих проектах часто возникает необходимость применить один набор CSS-стилей для нескольких компонентов с похожими функциями. В тот момент, когда используется пользовательский шрифт для хотя бы части интерфейса или один и тот же компонент используется на инструментальной панели более одного раза, неизбежно возникает необходимость каким-то образом управлять идентичными пользовательскими CSS-свойствами элементов.
Чтобы не дублировать одни и те же CSS-сниппеты снова и снова между всеми компонентами, примените общие стили компонентов глобально в пределах инструментальной панели или всего приложения, используя один из доступных в SberMobile методов.
![]() | Использование глобального CSS обеспечивает централизованный контроль над общими стилями компонентов инструментальной панели, но требует использования более точных CSS-селекторов для целевых групп различных элементов компонента в макете и усложняет устранение неполадок. |
Способы применения глобальных стилей компонентов![](anchor.svg)
Существует два способа глобального применения стилей CSS к компонентам инструментальной панели в SberMobile:
Добавление стилей CSS в Корневую панель инструментальной панели.
Ссылка на них, как на внешний CSS-файл.
Первый метод хорош для случаев, когда приложение состоит из небольшого количества отдельных панелей и/или для размещения пользовательского интерфейса используется шаблон инструментальной панели.
Второй может быть полезен, если приложение состоит из множества инструментальных панелей с множеством похожих компонентов и не использует шаблон инструментальной панели для своего пользовательского интерфейса.