breadcrumbs
variables
breadcrumb-items-color
$breadcrumb-items-color: $brand-primary !default;
Description
Breadcrumb not selected items color
Type
Color
breadcrumb-items-max-width
$breadcrumb-items-max-width: 250px !default;
Description
Breadcrumb items max width
Type
Number
breadcrumb-separator-color
$breadcrumb-separator-color: $breadcrumb-color !default;
Description
Breadcrumb separator color
Type
Color
breadcrumb-separator-padding
$breadcrumb-separator-padding: $padding-larger !default;
Description
Breadcrumb separator padding
Type
Number
buttons
variables
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-colors
btn-background-tint-percent
$btn-background-tint-percent: 10 !default;
Description
Button background tinting percent
Type
Number (unitless)
Used by
- [mixin]
btn-colors
mixins
btn-colors
@mixin btn-colors($btn-bg: $btn-default-bg) { ... }
Description
Define button colors based on its background
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|---|---|---|
$btn-bg | button background color to tint | Color | $btn-default-bg |
Requires
- [function]
tint
- [variable]
btn-box-shadow-width
- [variable]
btn-background-tint-percent
- [variable]
shadow
dropdowns
variables
dropdown-caret-size
$dropdown-caret-size: $caret-width-large !default;
Description
Dropdown caret size
Type
Number (unit)
mixins
dropdown-caret-color
@mixin dropdown-caret-color($dropdown-caret-color) { ... }
Description
Dropdown caret default color
Parameters
parameterName | parameterDescription | parameterType | parameterDefault value |
---|---|---|---|
$dropdown-caret-color | Caret color | Color | —none |
Content
This mixin allows extra content to be passed (through the @content
directive). Role: Borders and box-shadow color variation
input groups
variables
input-group-btn-padding
$input-group-btn-padding: 5px !default;
Description
Input group button padding
Type
Number (unit)
input-group-addon-padding
$input-group-addon-padding: 8px !default;
Description
Input group add-on padding
Type
Number (unit)
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 invalid elements or warning information.
Type
Color
chestnut-rose
$chestnut-rose: #CE6464;
Description
Used for errors.
Type
Color
black
$black: #000;
Description
Used for labels, titles.
Type
Color
dove-gray
$dove-gray: #666;
Description
Used for subtitles.
Type
Color
silver
$silver: #C0C0C0;
Description
Used for backgrounds.
Type
Color
alto
$alto: #DEDEDE;
Description
Used for backgrounds etc.
Type
Color
concrete
$concrete: #F2F2F2;
Description
Used for panels.
Type
Color
white
$white: #FFF;
Description
Used for empty spaces, toolbar-panels etc.
Type
Color
smalt-blue
$smalt-blue: #4F8992;
Description
Used for default color theme
Type
Color
shadow
$shadow: rgba(0, 0, 0, 0.2);
Description
Used for shadows
Type
Color
Used by
- [mixin]
btn-colors
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
Color
Used by
- [mixin]
btn-colors
Links
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
Color