Приоритеты
Для установки нужного порядка срабатывания стилей применяется система приоритетов. Данная система использует CSS правило @layer. Предусмотрено 4 уровня приоритетности:
preset- предустановки. Наименьший приоритет. Задаются в ядре фреймворка.base- базовые стили. Нормальный приоритет. Уровень по умолчанию для модификаторов.theme- стили темы. Повышенный приоритет. Используются для темной и специальной темы.utility- утилиты. Наивысший приоритет. Используется для модификаторов размеров.
Примеры
Для установки приоритета необходимо обернуть классы в слой.
@layer utility {
.w-full {width:100%}
}