1
/// Border color of a panel header
3
$panelHeaderBorderColor: #dee2e6;
5
/// Border of a panel header
7
$panelHeaderBorder: 1px solid #dee2e6;
9
/// Background of a panel header
11
$panelHeaderBg: #f8f9fa;
13
/// Text color of a panel header
15
$panelHeaderTextColor: $textColor;
17
/// Font weight of a panel header
19
$panelHeaderFontWeight: 600;
21
/// Padding of a panel header
23
$panelHeaderPadding: 1rem;
25
/// Font weight of a toggleable panel header
27
$panelToggleableHeaderPadding: .5rem 1rem;
29
/// Background of a panel header in hover state e.g. toggleable state
31
$panelHeaderHoverBg: #e9ecef;
33
/// Border color of a panel header in hover state e.g. toggleable state
35
$panelHeaderHoverBorderColor: #dee2e6;
37
/// Text color of a panel header in hover state e.g. toggleable state
39
$panelHeaderTextHoverColor: #495057;
41
/// Border color for the content section of a panel
43
$panelContentBorderColor: #dee2e6;
45
/// Border for the content section of a panel
47
$panelContentBorder: 1px solid #dee2e6;
49
/// Background for the content section of a panel
51
$panelContentBg: #ffffff;
53
/// Background for the striped row.
55
$panelContentEvenRowBg: #e9ecef;
57
/// Text color for the content section of a panel
59
$panelContentTextColor: $textColor;
61
/// Padding for the content section of a panel
63
$panelContentPadding: 1rem;
65
/// Border for the footer section of a panel
67
$panelFooterBorder: 1px solid #dee2e6;
69
/// Background for the footer section of a panel
71
$panelFooterBg: #ffffff;
73
/// Text color for the footer section of a panel
75
$panelFooterTextColor: $textColor;
77
/// Padding for the footer section of a panel
79
$panelFooterPadding: 0.5rem 1rem;
81
/// Spacing between to accordion panels
85
/// Border of an accordion panel header
87
$accordionHeaderBorder: $panelHeaderBorder;
89
/// Background of an accordion panel header
91
$accordionHeaderBg: $panelHeaderBg;
93
/// Text color of an accordion panel header
95
$accordionHeaderTextColor: $panelHeaderTextColor;
97
/// Font weight of an accordion panel header
99
$accordionHeaderFontWeight: $panelHeaderFontWeight;
101
/// Padding of an accordion panel header
103
$accordionHeaderPadding: $panelHeaderPadding;
105
/// Background of an accordion panel header in hover state
107
$accordionHeaderHoverBg: #e9ecef;
109
/// Border of an accordion panel header in hover state
111
$accordionHeaderHoverBorderColor: $panelHeaderBorder;
113
/// Text color of an accordion panel header in hover state
115
$accordionHeaderTextHoverColor: $textColor;
117
/// Background of an accordion panel header in expanded state
119
$accordionHeaderActiveBg: $panelHeaderBg;
121
/// Border of an accordion panel header in expanded state
123
$accordionHeaderActiveBorderColor: #dee2e6;
125
/// Text color of an accordion panel header in expanded state
127
$accordionHeaderTextActiveColor: $textColor;
129
/// Hover background of an accordion panel header in expanded state
131
$accordionHeaderActiveHoverBg: #e9ecef;
133
/// Hover border of an accordion panel header in expanded state
135
$accordionHeaderActiveHoverBorderColor: #dee2e6;
137
/// Text color of an accordion panel header in expanded state
139
$accordionHeaderTextActiveHoverColor: $textColor;
141
/// Border for a content section of an accordion panel
143
$accordionContentBorder: $panelContentBorder;
145
/// Background for a content section of an accordion panel
147
$accordionContentBg: $panelContentBg;
149
/// Text color for a content section of an accordion panel
151
$accordionContentTextColor: $panelContentTextColor;
153
/// Padding for a content section of an accordion panel
155
$accordionContentPadding: $panelContentPadding;
157
/// Border for a parent element containing all the headers of a tabview
159
$tabviewNavBorder: 1px solid #dee2e6;
161
/// Border width for a parent element containing all the headers of a tabview
163
$tabviewNavBorderWidth: 0 0 2px 0;
165
/// Background for a parent element containing all the headers of a tabview
167
$tabviewNavBg: #ffffff;
169
/// Spacing between tabview headers
171
$tabviewHeaderSpacing: 0;
173
/// Border of a tabview header
175
$tabviewHeaderBorder: solid #dee2e6;
177
/// Border width of a tabview header
179
$tabviewHeaderBorderWidth: 0 0 2px 0;
181
/// Border color of a tabview header
183
$tabviewHeaderBorderColor: transparent transparent #dee2e6 transparent;
185
/// Background of a tabview header
187
$tabviewHeaderBg: #ffffff;
189
/// Text color of a tabview header
191
$tabviewHeaderTextColor: $textSecondaryColor;
193
/// Font weight of a tabview header
195
$tabviewHeaderFontWeight: $panelHeaderFontWeight;
197
/// Padding of a tabview header
199
$tabviewHeaderPadding: $panelHeaderPadding;
201
/// Margin of a tabview header
203
$tabviewHeaderMargin: 0 0 -2px 0;
205
/// Background of a tabview header in hover state
207
$tabviewHeaderHoverBg: #ffffff;
209
/// Border of a tabview header in hover state
211
$tabviewHeaderHoverBorderColor: #9ba2aa;
213
/// Text color of a tabview header in hover state
215
$tabviewHeaderTextHoverColor: $textSecondaryColor;
217
/// Background of a tabview header in selected state
219
$tabviewHeaderActiveBg: #ffffff;
221
/// Border of a tabview header in selected state
223
$tabviewHeaderActiveBorderColor: $primaryColor;
225
/// Text color of a tabview header in selected state
227
$tabviewHeaderTextActiveColor: $primaryColor;
229
/// Border for content section of a tabview tab
231
$tabviewContentBorder: 0 none;
233
/// Background for content section of a tabview tab
235
$tabviewContentBg: $panelContentBg;
237
/// Text color for a content section of a tabview tab
239
$tabviewContentTextColor: $panelContentTextColor;
241
/// Padding for a content section of a tabview tab
243
$tabviewContentPadding: $panelContentPadding;
245
/// Background of a fieldset header in hover state
247
$panelHeaderHoverBg: #e9ecef;
249
/// Border of a fieldset header in hover state
251
$panelHeaderHoverBorderColor: #dee2e6;
253
/// Text color of a fieldset header in hover state
255
$panelHeaderTextHoverColor: $textColor;
257
/// Border for a track bar of a scroll panel
259
$scrollPanelTrackBorder: 0 none;
261
/// Background for a track bar of a scroll panel
263
$scrollPanelTrackBg: #f8f9fa;
265
/// Padding of a card body
267
$cardBodyPadding: 1rem;
269
/// Font size of a card title
271
$cardTitleFontSize: 1.5rem;
273
/// Font weight of a card title
275
$cardTitleFontWeight: 700;
277
/// Font size of a card subtitle
279
$cardSubTitleFontWeight: 700;
281
/// Text color of a card subtitle
283
$cardSubTitleColor: $textSecondaryColor;
285
/// Padding of a card content
287
$cardContentPadding: 1rem 0;
289
/// Padding of a card footer
291
$cardFooterPadding: 1rem 0 0 0;
293
/// Box shadow of a card
295
$cardShadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
297
/// Margin of divider in horizontal layout
299
$dividerHorizontalMargin:1rem 0;
301
/// Padding of divider in horizontal layout
303
$dividerHorizontalPadding:0 1rem;
305
/// Margin of divider in vertical layout
307
$dividerVerticalMargin:0 1rem;
309
/// Padding of divider in vertical layout
311
$dividerVerticalPadding:1rem 0;
313
/// Border width of the divider
317
/// Color of the divider border
319
$dividerColor:#dee2e6;
321
/// Background of the splitter gutter
323
$splitterGutterBg:#f8f9fa;
325
/// Background of the splitter gutter handle
327
$splitterGutterHandleBg:#dee2e6;