1
/// Background of a paginator
5
/// Text color of a paginator
7
$paginatorTextColor: $textSecondaryColor;
9
/// Border of a paginator
11
$paginatorBorder: solid #e9ecef;
13
/// Border width of a paginator
15
$paginatorBorderWidth: 0;
17
/// Padding of a paginator
19
$paginatorPadding: .5rem 1rem;
21
/// Width of a paginator element
23
$paginatorElementWidth: $buttonIconOnlyWidth;
25
/// Height of a paginator element
27
$paginatorElementHeight: $buttonIconOnlyWidth;
29
/// Background of a paginator element
31
$paginatorElementBg: transparent;
33
/// Border of a paginator element
35
$paginatorElementBorder: 0 none;
37
/// Icon color of a paginator element
39
$paginatorElementIconColor: $textSecondaryColor;
41
/// Background of a paginator element in hover state
43
$paginatorElementHoverBg: #e9ecef;
45
/// Border color of a paginator element in hover state
47
$paginatorElementHoverBorderColor: transparent;
49
/// Icon color of a paginator element in hover state
51
$paginatorElementIconHoverColor: $textSecondaryColor;
53
/// Border radius of a paginator element
55
$paginatorElementBorderRadius: $borderRadius;
57
/// Margin of a paginator element
59
$paginatorElementMargin: .143rem;
61
/// Padding of a paginator element
63
$paginatorElementPadding: 0;
65
/// Border of a table header
67
$tableHeaderBorder: 1px solid #e9ecef;
69
/// Border width of a table header
71
$tableHeaderBorderWidth: 0 0 1px 0;
73
/// Background of a table header
75
$tableHeaderBg: #f8f9fa;
77
/// Text color of a table header
79
$tableHeaderTextColor: $textColor;
81
/// Font weight of a table header
83
$tableHeaderFontWeight: 600;
85
/// Padding of a table header, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
87
$tableHeaderPadding: 1rem 1rem;
89
/// Padding of a table header cell, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
91
$tableHeaderCellPadding: 1rem 1rem;
93
/// Background of a table header cell
95
$tableHeaderCellBg: #f8f9fa;
97
/// Text color of a table header cell
99
$tableHeaderCellTextColor: $textColor;
101
/// Font weight of a table header cell
103
$tableHeaderCellFontWeight: 600;
105
/// Border of a table header cell
107
$tableHeaderCellBorder: 1px solid #e9ecef;
109
/// Border width of a table header cell
111
$tableHeaderCellBorderWidth: 0 0 1px 0;
113
/// Background of a table header cell in hover state
115
$tableHeaderCellHoverBg: #e9ecef;
117
/// Text color of a table header cell in hover state
119
$tableHeaderCellTextHoverColor: $textColor;
121
/// Icon color of a table header cell
123
$tableHeaderCellIconColor: $textSecondaryColor;
125
/// Icon color of a table header cell in hover state
127
$tableHeaderCellIconHoverColor: $textSecondaryColor;
129
/// Background of a table header cell in sorted state
131
$tableHeaderCellHighlightBg:#f8f9fa;
133
/// Text color of a table header cell in sorted state
135
$tableHeaderCellHighlightTextColor:$primaryColor;
137
/// Hover background of a table header cell in sorted state
139
$tableHeaderCellHighlightHoverBg:#e9ecef;
141
/// Hover text color of a table header cell in sorted state
143
$tableHeaderCellHighlightTextHoverColor:$primaryColor;
145
/// Size of a multiple column sorting order indicator
147
$tableSortableColumnBadgeSize: 1.143rem;
149
/// Background of a table body row
151
$tableBodyRowBg: #ffffff;
153
/// Text color of a table body row
155
$tableBodyRowTextColor: $textColor;
157
/// Background of an even table body row
159
$tableBodyRowEvenBg: #ffffff;
161
/// Background of a table body row in hover state
163
$tableBodyRowHoverBg: #e9ecef;
165
/// Text color of a table body row in hover state
167
$tableBodyRowTextHoverColor: $textColor;
169
/// Border for a cell of a table toby row
171
$tableBodyCellBorder: 1px solid rgba(0,0,0,0.08);
173
/// Border width for a cell of a table toby row
175
$tableBodyCellBorderWidth: 0 0 1px 0;
177
/// Padding for a cell of a table toby row, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
179
$tableBodyCellPadding: 1rem 1rem;
181
/// Padding of a table footer cell, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
183
$tableFooterCellPadding: 1rem 1rem;
185
/// Background of a table footer cell
187
$tableFooterCellBg: #f8f9fa;
189
/// Text color of a table footer cell
191
$tableFooterCellTextColor: $textColor;
193
/// Font weight of a table footer cell
195
$tableFooterCellFontWeight: 600;
197
/// Border of a table footer cell
200
/// Border of a table footer cell
202
$tableFooterCellBorder: 1px solid #e9ecef;
204
/// Border width of a table footer cell
206
$tableFooterCellBorderWidth: 0 0 1px 0;
208
/// Backgground of a table column resize indicator bar
210
$tableResizerHelperBg: $primaryColor;
212
/// Border of a table footer
214
$tableFooterBorder: 1px solid #e9ecef;
216
/// Border width of a table footer
218
$tableFooterBorderWidth: 0 0 1px 0;
220
/// Background of a table footer
222
$tableFooterBg: #f8f9fa;
224
/// Text color of a table footer
226
$tableFooterTextColor: $textColor;
228
/// Font weight of a table footer
230
$tableFooterFontWeight: 600;
232
/// Padding of a table footer, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
234
$tableFooterPadding: 1rem 1rem;
236
/// Content alignment of a table cell
238
$tableCellContentAlignment: left;
240
/// Border width of a table paginator positioned at top
242
$tableTopPaginatorBorderWidth: 1px 0 1px 0;
244
/// Border width of a table paginator positioned at bottom
246
$tableBottomPaginatorBorderWidth: 0 0 1px 0;
248
/// Scale factor of a small datatable
252
/// Scale factor of a large datatable
256
/// Padding for content section of a dataview
258
$dataViewContentPadding: 0;
260
/// Border for content section of a dataview
262
$dataViewContentBorder: 0 none;
266
$treeContainerPadding: 0.286rem;
268
/// Padding of a tree node
270
$treeNodePadding: 0.143rem;
272
/// Padding of a tree node content consists of toggler, icon and label
274
$treeNodeContentPadding: .5rem;
276
/// Padding of a tree node children container
278
$treeNodeChildrenPadding: 0 0 0 1rem;
280
/// Color of a treenode data icon, $dataActionIconColor for the toggler element
282
$treeNodeIconColor: $textSecondaryColor;
284
/// Padding of a vertical timeline content element
286
$timelineVerticalEventContentPadding:0 1rem;
288
/// Padding of a horizontal timeline content element
290
$timelineHorizontalEventContentPadding:1rem 0;
292
/// Width of a timeline marker
294
$timelineEventMarkerWidth:1rem;
296
/// Height of a timeline marker
298
$timelineEventMarkerHeight:1rem;
300
/// Border radius of a timeline marker
302
$timelineEventMarkerBorderRadius:50%;
304
/// Border of a timeline marker
306
$timelineEventMarkerBorder:2px solid $highlightBg;
308
/// Background of a timeline marker
310
$timelineEventMarkerBackground:$highlightTextColor;
312
/// Size of a timeline connector
314
$timelineEventConnectorSize:2px;
316
/// Color of a timeline event
318
$timelineEventColor:#dee2e6;
320
/// Color of a line to connect to organization chart nodes
322
$organizationChartConnectorColor: #dee2e6;