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
- [mixin]
grid
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
- [mixin]
grid
max-column-width
$max-column-width: 400px !default;Used by
- [mixin]
grid
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
- [mixin]
text-overflow - [mixin]
btn-by-default
text-overflow
@mixin text-overflow() { ... }Parameters
None.
Used by
- [mixin]
btn-placeholder
caret
@mixin caret($caret-size: 6px) { ... }Parameters
| parameter Name | parameter Description | parameter Type | parameter Default value |
|---|---|---|---|
$caret-size | caret size | Length | 6px |
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
- [mixin]
btn-placeholder
grid
@mixin grid() { ... }Parameters
None.
Requires
- [variable]
min-column-width - [variable]
max-column-width - [variable]
grid-gutter-width-base
size
@mixin size($width, $height: $width) { ... }Parameters
| parameter Name | parameter Description | parameter Type | parameter 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;