Cмотреть на GitHub
Параметры
Быстрая настройка Bootstrap со встроенными переменными для легкого переключения глобальных настроек CSS для управления стилем и поведением.
Настройте Bootstrap с помощью нашего встроенного файла пользовательских переменных и легко переключайте глобальные настройки CSS с помощью новых переменных Sass $enable-*
. Переопределите значение переменной и перекомпилируйте с помощью npm run test
при необходимости.
Вы можете найти и настроить эти переменные для ключевых глобальных параметров в файле scss/_variables.scss
.
Переменная | Значения | Описание |
---|---|---|
$spacer |
1rem (по умолчанию), или любое значение > 0 |
Задает значение разделителя по умолчанию для программного создания наших утилиты интервала. |
$enable-rounded |
true (по умолчанию) или false |
Включает предопределенные border-radius стили для различных компонентов. |
$enable-shadows |
true или false (по умолчанию) |
Включает предопределенные декоративные стили box-shadow для различных компонентов. Не влияет на 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 (по умолчанию) |
Позволяет генерировать отрицательные утилиты margin. |
$enable-deprecation-messages |
true (по умолчанию) или false |
Установите значение false , чтобы скрыть предупреждения при использовании любых устаревших миксинов и функций, которые планируется удалить в v6 . |
$enable-important-utilities |
true (по умолчанию) или false |
Включает !important суффикс в служебных классах. |