JBStrap general variables
The below variables are general settings that have a global effect on how other SASS variables work.
| Name | Default value | Derived value | Computed value | Comment |
|---|---|---|---|---|
| $bootstrap-sass-asset-helper | FALSE | Bootstrap uses its own icons. | ||
| $icon-font-path | if($bootstrap-sass-asset-helper, 'bootstrap/', '../fonts/bootstrap/') | $icon-font-path-->if($bootstrap-sass-asset-helper, 'bootstrap/', '../fonts/bootstrap/')--> | ||
| $icon-font-name | glyphicons-halflings-regular' | glyphicons-halflings-regular' | ||
| $icon-font-svg-id | glyphicons_halflingsregular' | glyphicons_halflingsregular' | ||
| $padding-base-vertical | ($spacer * 0.5) | $padding-base-vertical-->($spacer * 0.5)--> | 0.5rem | |
| $padding-base-horizontal | $spacer | $padding-base-horizontal-->$spacer--> | 1rem | |
| $input-placeholder-color | $body-color | $input-placeholder-color-->$body-color-->$gray-900--> | #212529 | Placeholder text color for the input field. |
| $custom-control-indicator-font-family | FontAwesome | FontAwesome | Checkbox and radioButton icon font type. | |
| $pre-bg | $light | $pre-bg-->$light-->mix(#f8f9fa, #e9ecef, 50%) | mix(#f8f9fa, #e9ecef, 50%) | Preserve background color. |
| $pre-border-color | $gray-400 | $pre-border-color-->$gray-400-->#ced4da | #ced4da | Preserve border. |
| $pre-padding | ($spacer * 0.5) | $pre-padding-->($spacer * 0.5)-->(1rem * 0.5) | (0.5rem) | Preserve padding. |
| $highlight-color | #eefaff | #eefaff | Highlight color. | |
| $shadow-color | rgba($body-color, 0.5) | $shadow-color-->rgba($body-color, 0.5)-->rgba($gray-900, 0.5)-->rgba( #212529, 0.5) | rgba( #212529, 0.5) | Shadow color. |
| $floating-shadow | 0 0 1.875rem rgba($black, 0.1) | $floating-shadow-->0 0 1.875rem rgba($black, 0.1)-->0 0 1.875rem rgba(#000, 0.1) | 0 0 1.875rem rgba(#000, 0.1) | Diffuse shadow for highlighting. |