1
/// Padding of an inplace element
3
$inplacePadding: $inputPadding;
5
/// Background of an inplace element in hover state
7
$inplaceHoverBg: #e9ecef;
9
/// Text color of an inplace element in hover state
11
$inplaceTextHoverColor: $textColor;
13
/// Background of a badge
15
$badgeBg: $primaryColor;
17
/// Text color of a badge
19
$badgeTextColor: $primaryTextColor;
21
/// Minimum width of a badge
23
$badgeMinWidth: 1.5rem;
29
/// Font weight of a badge
33
/// Font size of a badge
35
$badgeFontSize: .75rem;
39
$tagPadding: .25rem .4rem;
41
/// Height of a progress bar
43
$progressBarHeight: 1.5rem;
45
/// Border of a progress bar
47
$progressBarBorder: 0 none;
49
/// Background of a progress bar
51
$progressBarBg: #dee2e6;
53
/// Background of a progress bar value
55
$progressBarValueBg: $primaryColor;
57
/// Text color of a progress bar value
59
$progressBarValueTextColor:$primaryTextColor;
61
/// Stroke color of a progress spinner
63
$progressSpinnerStrokeColor:$errorMessageTextColor !default;
65
/// First spinner color of a progress spinner
67
$progressSpinnerColorOne:$errorMessageTextColor !default;
69
/// Second spinner color of a progress spinner
71
$progressSpinnerColorTwo:$infoMessageTextColor !default;
73
/// Third spinner color of a progress spinner
75
$progressSpinnerColorThree:$successMessageTextColor !default;
77
/// Fourth spinner color of a progress spinner
79
$progressSpinnerColorFour:$warningMessageTextColor !default;
81
/// Background of an avatar
85
/// Text color of an avatar
87
$avatarTextColor:$textColor;
89
/// Background of a chip
93
/// Text color of a chip
95
$chipTextColor:$textColor;
97
/// Border radius of a chip
99
$chipBorderRadius:16px;
101
/// Background of a chip in focus state
103
$chipFocusBg:#dee2e6 !default;
105
/// Color of a chip in focus state
107
$chipFocusTextColor:$textColor !default;
109
/// Background of a scrollTop
111
$scrollTopBg:rgba(0,0,0,0.7);
113
/// Background of a scrollTop in hover state
115
$scrollTopHoverBg:rgba(0,0,0,0.8);
117
/// Width of a scrollTop
121
/// Height of a scrollTop
123
$scrollTopHeight:3rem;
125
/// Border radius of a scrollTop
127
$scrollTopBorderRadius:50%;
129
/// Font size of a scrollTop
131
$scrollTopFontSize:1.5rem;
133
/// Text color of a scrollTop
135
$scrollTopTextColor:#f8f9fa;
137
/// Background of a skeleton
141
/// Background of a skeleton animation
143
$skeletonAnimationBg:rgba(255,255,255,0.4);