Что значит инкапсулировать правила?

Question

[Сергей Соболь]

Клиент запросил использовать сетку https://simplegrid.io и сказал инкапсулировать правила, чтобы не было конфликтов с нынешней версткой. Подскажите, как правильно инкапсулировать правила?

Comments

[Ярослав Иванов]

А у клиента спросить? А загуглить смысл слова?

[Владислав Лысков]

я думаю он имел ввиду положить её в отдельный файл, который не будет редактироваться и импортировать его в основной

[lUser L]

Думаю он имел ввиду : например эта библиотека использует класс .col-3 и например бустрап тоже, нужно подключить так, что бы они НЕ конфликтовали. А лучше не гадать и прямо спросить у клиента

[V Sh.]

Оберните все свое хозяйство в div. Дайте этому компоненту супер-пупер уникальный класс. И оберните все свое правила CSS по типу .мой-супер-класс мои-правила-css. Ну это как один из способов.

Answer 1

[Сергей delphinpro]

Нужно взять файл сетки https://github.com/zachacole/Simple-Grid/blob/mast...
Убрать оттуда общие классы и теги, оставить только сетку.
Всем классам сетки (container, row, col) добавить какой-либо префикс. Например sg-.
Скомпилировать файлик.