button-variables

variables

btn-bg-disabled-color

$btn-bg-disabled-color: #dfdfdf !default;

Type

Color

btn-bg-color

$btn-bg-color: #75af26 !default;

Type

Color

checkbox-variables

variables

checkbox-border-h-color

$checkbox-border-h-color: #a0a0a0 !default;

Type

Color

checkbox-border-color

$checkbox-border-color: #d7d7d7 !default;

Type

Color

checkbox-size

$checkbox-size: 26px;

common-colors

variables

business-secondary-color

$business-secondary-color: #089cb6 !default;

Type

Color

slider-btn-normal-color

$slider-btn-normal-color: #979797 !default;

Type

Color

business-primary-color

$business-primary-color: #15b6d2 !default;

Type

Color

gray-universal-color

$gray-universal-color: #a0a0a0 !default;

Type

Color

border-default-color

$border-default-color: #d7d7d7 !default;

Type

Color

input-border-color

$input-border-color: #cbcbcb !default;

Type

Color

main-danger-color

$main-danger-color: #ff4c4c !default;

Type

Color

main-black-color

$main-black-color: #424242 !default;

Type

Color

secondary-color

$secondary-color: #5e980f !default;

Type

Color

disabled-color

$disabled-color: #dfdfdf !default;

Type

Color

primary-color

$primary-color: #75af26 !default;

Type

Color

grey-bg-color

$grey-bg-color: #f4f4f4 !default;

Type

Color

main-grey-color

$main-grey-color: #888 !default;

Type

Color

main-bg-color

$main-bg-color: #fff !default;

Type

Color

common-variables

variables

framework prefix

$framework prefix: 'pb' !default;

transition-time

$transition-time: .3s !default;

grid-gutter-width-base

$grid-gutter-width-base: 12px !default;

Used by

area-control-height

$area-control-height: 112px !default;

form-control-height

$form-control-height: 56px !default;

min-column-width

$min-column-width: 320px !default;

Used by

max-column-width

$max-column-width: 400px !default;

Used by

grid-breakpoints

$grid-breakpoints: (
        xs: 0,
        sm: 560px,
        md: 667px,
        lg: 960px,
        xl: 1500px
) !default;

fonts

csss

.fs-+

.fs-+ { ... }

Example

.fs-34 {
   font-size: 34px;
}

input-variables

variables

input-disabled-background-color

$input-disabled-background-color: #f1f1f1 !default;

Type

Color

input-border-focus-color

$input-border-focus-color: #75af26 !default;

Type

Color

input-border-hover-color

$input-border-hover-color: #a0a0a0 !default;

Type

Color

input-border-color

$input-border-color: #cbcbcb !default;

Type

Color

input-label-color

$input-label-color: #a0a0a0 !default;

Type

Color

input border width

$input border width: 1px !default;

Type

String

input indent

$input indent: 1.5rem !default;

Type

String

input height

$input height: 56px !default;

Type

String

mixins

mixins

btn-placeholder

@mixin btn-placeholder() { ... }

Parameters

None.

Requires

text-overflow

@mixin text-overflow() { ... }

Parameters

None.

Used by

caret

@mixin caret($caret-size: 6px) { ... }

Parameters

parameter Nameparameter Descriptionparameter Typeparameter Default value
$caret-size

caret size

Length6px

Content

This mixin allows extra content to be passed (through the @content directive). Role: some content

btn-by-default

@mixin btn-by-default() { ... }

Parameters

None.

Used by

grid

@mixin grid() { ... }

Parameters

None.

Requires

size

@mixin size($width, $height: $width) { ... }

Parameters

parameter Nameparameter Descriptionparameter Typeparameter Default value
$width

Element's width

Length none
$height

Element's height

Length$width

Output

width and height

radio-variables

variables

radio-border-h-color

$radio-border-h-color: #a0a0a0 !default;

Type

Color

radio-border-color

$radio-border-color: #d7d7d7 !default;

Type

Color

radio-container-size

$radio-container-size: 24px;

radio-circle-size

$radio-circle-size: 10px;

rounded-button-variables

variables

btn-rounded-bg-color

$btn-rounded-bg-color: #fff !default;

Type

Color

btn-rounded-bg-h-color

$btn-rounded-bg-h-color: #75af26 !default;

Type

Color

btn-rounded-bg-h-color

$btn-rounded-bg-h-color: #fff !default;

Type

Color

btn-rounded-height

$btn-rounded-height: 26px !default;

btn-height

$btn-height: 56px !default;

table-variables

variables

tb-description-bg-color

$tb-description-bg-color: #f0f0f0 !default;

Type

Color

tb-border-color

$tb-border-color: #d8d8d8 !default;

Type

Color

tb-shown-rows

$tb-shown-rows: 5;