breadcrumbs

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

btn-background-tint-percent

$btn-background-tint-percent: 10 !default;

Description

Button background tinting percent

Type

Number (unitless)

Used by

mixins

btn-colors

@mixin btn-colors($btn-bg: $btn-default-bg) { ... }

Description

Define button colors based on its background

Parameters

parameterNameparameterDescriptionparameterTypeparameterDefault value
$btn-bg

button background color to tint

Color$btn-default-bg

Requires

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

functions

tint

@function tint($color, $percentage) { ... }

Description

Slightly lighten a color

Parameters

parameterNameparameterDescriptionparameterTypeparameterDefault value
$color

color to tint

Colornone
$percentage

percentage of $color in returned color

Numbernone

Returns

Color

Used by

Links

shade

@function shade($color, $percentage) { ... }

Description

Slightly darken a color

Parameters

parameterNameparameterDescriptionparameterTypeparameterDefault value
$color

color to shade

Colornone
$percentage

percentage of $color in returned color

Numbernone

Returns

Color

Links