Bootstrap 5

The Bootstrap 5 set (bootstrap-package/bootstrap-5) provides SCSS variables that allow you to customize the Bootstrap framework. These settings override the default Bootstrap variables when compiling SCSS.

Name
BootstrapPackage
BootstrapPackage.scss
BootstrapPackage.scss.colors
plugin.bootstrap_package.settings.scss.primary
plugin.bootstrap_package.settings.scss.secondary
plugin.bootstrap_package.settings.scss.tertiary
plugin.bootstrap_package.settings.scss.quaternary
plugin.bootstrap_package.settings.scss.default
plugin.bootstrap_package.settings.scss.success
plugin.bootstrap_package.settings.scss.info
plugin.bootstrap_package.settings.scss.warning
plugin.bootstrap_package.settings.scss.danger
plugin.bootstrap_package.settings.scss.lighter
plugin.bootstrap_package.settings.scss.light
plugin.bootstrap_package.settings.scss.dark
plugin.bootstrap_package.settings.scss.darker
BootstrapPackage.scss.contrast
plugin.bootstrap_package.settings.scss.min-contrast-ratio
BootstrapPackage.scss.body
plugin.bootstrap_package.settings.scss.body-bg
plugin.bootstrap_package.settings.scss.body-color
BootstrapPackage.scss.links
plugin.bootstrap_package.settings.scss.link-color
plugin.bootstrap_package.settings.scss.link-shade-percentage
plugin.bootstrap_package.settings.scss.link-hover-color
BootstrapPackage.scss.fonts
plugin.bootstrap_package.settings.scss.font-family-sans-serif
plugin.bootstrap_package.settings.scss.font-family-monospace
BootstrapPackage.scss.options
plugin.bootstrap_package.settings.scss.enable-rounded
plugin.bootstrap_package.settings.scss.enable-shadows
plugin.bootstrap_package.settings.scss.enable-gradients
plugin.bootstrap_package.settings.scss.enable-transitions

BootstrapPackage

Label: Bootstrap Package

BootstrapPackage.scss

Label: SCSS

BootstrapPackage.scss.colors

Label: Colors

plugin.bootstrap_package.settings.scss.primary

Type: string
Default: "#577760"
Label: $primary
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.secondary

Type: string
Default: "#514553"
Label: $secondary
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.tertiary

Type: string
Default: "#758c7f"
Label: $tertiary
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.quaternary

Type: string
Default: "#2d1e2f"
Label: $quaternary
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.default

Type: string
Default: "#eaebec"
Label: $default
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.success

Type: string
Default: "#3A833A"
Label: $success
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.info

Type: string
Default: "#287F9A"
Label: $info
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.warning

Type: string
Default: "#a4660e"
Label: $warning
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.danger

Type: string
Default: "#d4403a"
Label: $danger
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.lighter

Type: string
Default: "$gray-100"
Label: $lighter
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.light

Type: string
Default: "$gray-200"
Label: $light
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.dark

Type: string
Default: "$gray-800"
Label: $dark
Category: Bootstrap Package > SCSS > Colors

plugin.bootstrap_package.settings.scss.darker

Type: string
Default: "$gray-900"
Label: $darker
Category: Bootstrap Package > SCSS > Colors

BootstrapPackage.scss.contrast

Label: Contrast

plugin.bootstrap_package.settings.scss.min-contrast-ratio

Type: number
Default: 4.50
Label: $min-contrast-ratio
Category: Bootstrap Package > SCSS > Contrast

BootstrapPackage.scss.body

Label: Body

plugin.bootstrap_package.settings.scss.body-bg

Type: string
Default: "$white"
Label: $body-bg
Category: Bootstrap Package > SCSS > Body

plugin.bootstrap_package.settings.scss.body-color

Type: string
Default: "$gray-900"
Label: $body-color
Category: Bootstrap Package > SCSS > Body

BootstrapPackage.scss.links

Label: Links

plugin.bootstrap_package.settings.scss.link-color

Type: string
Default: "$primary"
Label: $link-color
Category: Bootstrap Package > SCSS > Links

plugin.bootstrap_package.settings.scss.link-shade-percentage

Type: string
Default: "20%"
Label: $link-shade-percentage
Category: Bootstrap Package > SCSS > Links

plugin.bootstrap_package.settings.scss.link-hover-color

Type: string
Default: "shift-color($link-color, $link-shade-percentage)"
Label: $link-shade-percentage
Category: Bootstrap Package > SCSS > Links

BootstrapPackage.scss.fonts

Label: Fonts

plugin.bootstrap_package.settings.scss.font-family-sans-serif

Type: string
Default: ""#{$google-webfont}", sans-serif"
Label: $font-family-sans-serif
Category: Bootstrap Package > SCSS > Fonts

plugin.bootstrap_package.settings.scss.font-family-monospace

Type: string
Default: "SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace"
Label: $font-family-monospace
Category: Bootstrap Package > SCSS > Fonts

BootstrapPackage.scss.options

Label: Options

plugin.bootstrap_package.settings.scss.enable-rounded

Type: bool
Default: true
Label: $enable-rounded
Category: Bootstrap Package > SCSS > Options

plugin.bootstrap_package.settings.scss.enable-shadows

Type: bool
Default: true
Label: $enable-shadows
Category: Bootstrap Package > SCSS > Options

plugin.bootstrap_package.settings.scss.enable-gradients

Type: bool
Default: false
Label: $enable-gradients
Category: Bootstrap Package > SCSS > Options

plugin.bootstrap_package.settings.scss.enable-transitions

Type: bool
Default: true
Label: $enable-transitions
Category: Bootstrap Package > SCSS > Options