bootstrap
variables
breadcrumb-links-color
$breadcrumb-links-color: $brand-primary !default;Description
Breadcrumb not selected links color
Type
Color
breadcrumb-separator-color
$breadcrumb-separator-color: $breadcrumb-color !default;Description
Breadcrumb separator color
Type
Color
breadcrumb-separator-padding
$breadcrumb-separator-padding: $padding-large-horizontal !default;Description
Breadcrumb separator padding
Type
Number
btn-font-size
$btn-font-size: 12px !default;Description
Button font size
Type
Number (unit)
btn-box-shadow-width
$btn-box-shadow-width: 3px !default;Description
Button box shadow width
Type
Number (unit)
Used by
- [mixin]
btn-box-shadow
btn-box-shadow-shade-percent
$btn-box-shadow-shade-percent: 20 !default;Description
Button box shadow shading percent of the background
Type
Number (unitless)
Used by
- [mixin]
btn-box-shadow
mixins
btn-box-shadow
@mixin btn-box-shadow($btn-bg: $btn-default-bg) { ... }Description
Compute box shadow for a button based on its background color
Parameters
| parameterName | parameterDescription | parameterType | parameterDefault value |
|---|---|---|---|
$btn-bg | button background color to shade | Color | $btn-default-bg |
Requires
- [function]
shade - [variable]
btn-box-shadow-width - [variable]
btn-box-shadow-shade-percent
navbar
General
variables
st-tropaz
$st-tropaz: #266092;Description
Primary color, mostly used for the selected elements and to draw attention to the important elements of interaction.
Type
Color
rio-grande
$rio-grande: #C3D600;Description
Secondary color
Type
Color
scooter
$scooter: #3DB0D6;Description
Contextual color for informational alert messages
Type
Color
limeade
$limeade: #8ABC00;Description
Linked to valid/validated/validation elements.
Type
Color
lightning-yellow
$lightning-yellow: #FEB914;Description
Used to notify unvalid elements or warning information.
Type
Color
chestnut-rose
$chestnut-rose: #CE6464;Description
Used for errors.
Type
Color
functions
tint
@function tint($color, $percentage) { ... }Description
Slightly lighten a color
Parameters
| parameterName | parameterDescription | parameterType | parameterDefault value |
|---|---|---|---|
$color | color to tint | Color | —none |
$percentage | percentage of | Number | —none |
Returns
ColorLinks
shade
@function shade($color, $percentage) { ... }Description
Slightly darken a color
Parameters
| parameterName | parameterDescription | parameterType | parameterDefault value |
|---|---|---|---|
$color | color to shade | Color | —none |
$percentage | percentage of | Number | —none |
Returns
ColorUsed by
- [mixin]
btn-box-shadow