Настройте Bootstrap с помощью нашего встроенного файла пользовательских переменных и легко переключайте глобальные настройки CSS с помощью новых $enable-* переменных Sass. Замените значение переменной и при npm run test необходимости перекомпилируйте с ним.
Вы можете найти и настроить эти переменные для ключевых глобальных параметров в scss/_variables.scss файле Bootstrap .
| Переменная | Ценности | Описание |
|---|---|---|
$spacer |
1rem (по умолчанию) или любое значение> 0 |
Задает значение спейсера по умолчанию для программного создания наших утилит Spacing. |
$enable-rounded |
true (по умолчанию) или false |
Включает предопределенные border-radius стили для различных компонентов. |
$enable-shadows |
trueили false (по умолчанию) |
Включает предопределенные box-shadow стили для различных компонентов. |
$enable-gradients |
true или false (по умолчанию) |
Включает предопределенные градиенты с помощью background-image стилей для различных компонентов. |
$enable-transitions |
true (по умолчанию) или false |
Включает предопределенные transition для различных компонентов. |
$enable-reduced-motion |
true (по умолчанию) или false |
Включает prefers-reduced-motion медиа-запрос , который подавляет определенные анимации / переходы в зависимости от настроек браузера / операционной системы пользователя. |
$enable-grid-classes |
true (по умолчанию) или false |
Позволяет создавать классы CSS для системы сеток (например .row, .col-md-1 и т.д.). |
$enable-caret |
true (по умолчанию) или false |
Включает каретку псевдоэлемента .dropdown-toggle. |
$enable-button-pointers |
true (по умолчанию) или false |
Добавьте курсор «рука» к неотключенным кнопочным элементам. |
$enable-rfs |
true (по умолчанию) или false |
Глобально включает RFS . |
$enable-validation-icons |
true (по умолчанию) или false |
Включает background-image значки в текстовых входах и некоторых настраиваемых формах для состояний проверки. |
$enable-negative-margins |
true или false(по умолчанию) |
Позволяет генерировать с отрицательным маргином. |
$enable-deprecation-messages |
true или false (по умолчанию) |
Установите для true отображения предупреждений при использовании любых устаревших миксинов и функций, которые планируется удалить в v5. |
$enable-important-utilities |
true (по умолчанию) или false |
Включает !important суффикс в служебных классах. |