1
/// Background of a steps item
5
/// Border of a steps item
7
$stepsItemBorder: 1px solid #c8c8c8;
9
/// Text color of a steps item
11
$stepsItemTextColor: $textSecondaryColor;
13
/// Width of a steps itrem number
15
$stepsItemNumberWidth: 2rem;
17
/// Height of a steps itrem number
19
$stepsItemNumberHeight: 2rem;
21
/// Font size of a steps itrem number
23
$stepsItemNumberFontSize: 1.143rem;
25
/// Color of a steps itrem number
27
$stepsItemNumberColor: $textColor;
29
/// Border radius of a steps itrem number
31
$stepsItemNumberBorderRadius: 50%;
33
/// Font weight of an active steps itrem number
35
$stepsItemActiveFontWeight: 600;
37
/// Width of a vertical menu such as tieredmenu or context menu
41
/// Background of a menu
47
$menuBorder: 1px solid #dee2e6;
49
/// Text color of a menu
51
$menuTextColor: $textColor;
53
/// Padding of a menuitem
55
$menuitemPadding: .75rem 1rem;
57
/// Border radius of a menuitem
59
$menuitemBorderRadius: 0;
61
/// Text color of a menuitem
63
$menuitemTextColor: $textColor;
65
/// Icon color of a menuitem
67
$menuitemIconColor: $textSecondaryColor;
69
/// Text color of a menuitem in hover state
71
$menuitemTextHoverColor: $textColor;
73
/// Icon color of a menuitem in hover state
75
$menuitemIconHoverColor: $textSecondaryColor;
77
/// Background of a menuitem in hover state
79
$menuitemHoverBg: #e9ecef;
81
/// Text color of a menuitem in focus state
83
$menuitemTextFocusColor: $textColor;
85
/// Icon color of a menuitem in focus state
87
$menuitemIconFocusColor: $textColor;
89
/// Background of a menuitem in focus state
91
$menuitemFocusBg: #f8f9fa;
93
/// Text color of a menuitem in active state
95
$menuitemTextActiveColor: $textColor;
97
/// Icon color of a menuitem in active state
99
$menuitemIconActiveColor: $textSecondaryColor;
101
/// Background of a menuitem in active state
103
$menuitemActiveBg: #e9ecef;
105
/// Background of a menuitem in active and focus states
107
$menuitemActiveFocusBg: #e9ecef;
109
/// Font size of an icon indicating the item has a submenu
111
$menuitemSubmenuIconFontSize: .875rem;
113
/// Margin of a submenu header
115
$submenuHeaderMargin: 0;
117
/// Padding of a submenu header
119
$submenuHeaderPadding: .75rem 1rem;
121
/// Background of a submenu header
123
$submenuHeaderBg: #ffffff;
125
/// Text color of a submenu header
127
$submenuHeaderTextColor: $textColor;
129
/// Border radius of a submenu header
131
$submenuHeaderBorderRadius: 0;
133
/// Font weight of a submenu header
135
$submenuHeaderFontWeight: 600;
137
/// Background of an overlay menu
139
$overlayMenuBg:$menuBg;
141
/// Border of an overlay menu
143
$overlayMenuBorder: 0 none;
145
/// Box shadow of an overlay menu
147
$overlayMenuShadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
149
/// Padding of a vertical menu e.g. tieredmenu, contextmenu
151
$verticalMenuPadding: .25rem 0;
153
/// Margin of a menuitem separator
155
$menuSeparatorMargin: .25rem 0;
157
/// Padding of a breadcrumb
159
$breadcrumbPadding: 1rem;
161
/// Background of a breadcrumb
163
$breadcrumbBg: $menuBg;
165
/// Border of a breadcrumb
167
$breadcrumbBorder: $menuBorder;
169
/// Text color of a breadcrumb item
171
$breadcrumbItemTextColor: $menuitemTextColor;
173
/// Icon color of a breadcrumb item
175
$breadcrumbItemIconColor: $menuitemIconColor;
177
/// Text color of the breadcrumb item
179
$breadcrumbLastItemTextColor: $menuitemTextColor;
181
/// Icon color of the breadcrumb item
183
$breadcrumbLastItemIconColor: $menuitemIconColor;
185
/// Color of a breadcrumb separator
187
$breadcrumbSeparatorColor: $menuitemTextColor;
189
/// Padding of a horizontal menu e.g. menubar
191
$horizontalMenuPadding: .5rem;
193
/// Background of a horizontal menu e.g. menubar
195
$horizontalMenuBg: #f8f9fa;
197
/// Border of a horizontal menu e.g. menubar
199
$horizontalMenuBorder: $menuBorder;
201
/// Text color of a horizontal menu e.g. menubar
203
$horizontalMenuTextColor: $menuTextColor;
205
/// Padding of a horizontal menu root item e.g. menubar
207
$horizontalMenuRootMenuitemPadding: $menuitemPadding;
209
/// Border radius of a horizontal menu root item e.g. menubar
211
$horizontalMenuRootMenuitemBorderRadius: $borderRadius;
213
/// Text color of a horizontal menu root item e.g. menubar
215
$horizontalMenuRootMenuitemTextColor: $menuitemTextColor;
217
/// Icon color of a horizontal menu root item e.g. menubar
219
$horizontalMenuRootMenuitemIconColor: $menuitemIconColor;
221
/// Text color of a horizontal menu root item in hover state e.g. menubar
223
$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor;
225
/// Icon color of a horizontal menu root item in hover state e.g. menubar
227
$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor;
229
/// Background of a horizontal menu root item in hover state e.g. menubar
231
$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg;
233
/// Text color of a horizontal menu root item in hover active e.g. menubar
235
$horizontalMenuRootMenuitemTextActiveColor:$menuitemTextActiveColor;
237
/// Icon color of a horizontal menu root item in hover active e.g. menubar
239
$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor;
241
/// Background of a horizontal menu root item in active state e.g. menubar
243
$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg;
245
/// Width of an action item on dock
247
$dockActionWidth: 4rem;
249
/// Height of an action item on dock
251
$dockActionHeight: 4rem;
253
/// Padding of an action item on dock
255
$dockItemPadding: .5rem;
257
/// Border radius of an action item on dock
259
$dockItemBorderRadius:$borderRadius;
261
/// Margin of the current action item on dock
263
$dockCurrentItemMargin: 1.5rem;
265
/// Margin of the previous and next action item on dock
267
$dockFirstItemsMargin: 1.3rem;
269
/// Margin of the second previous and second next action item on dock
271
$dockSecondItemsMargin: 0.9rem;
273
/// Background of the list on dock
275
$dockBg: rgba(255,255,255,.1);
277
/// Border of the list on dock
279
$dockBorder: 1px solid rgba(255,255,255,0.2);
281
/// Padding of the list on dock
283
$dockPadding: .5rem .5rem;
285
/// Border Radius of the list on dock
287
$dockBorderRadius: .5rem;