@syncfusion/ej2-ribbon 25.2.5 → 26.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +3 -2
- package/dist/ej2-ribbon.umd.min.js +2 -2
- package/dist/ej2-ribbon.umd.min.js.map +1 -1
- package/dist/es6/ej2-ribbon.es2015.js +821 -592
- package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
- package/dist/es6/ej2-ribbon.es5.js +812 -577
- package/dist/es6/ej2-ribbon.es5.js.map +1 -1
- package/dist/global/ej2-ribbon.min.js +2 -2
- package/dist/global/ej2-ribbon.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +13 -13
- package/src/ribbon/base/interface.d.ts +14 -0
- package/src/ribbon/base/ribbon-model.d.ts +1 -1
- package/src/ribbon/base/ribbon.d.ts +3 -1
- package/src/ribbon/base/ribbon.js +195 -94
- package/src/ribbon/items/ribbon-button.js +6 -1
- package/src/ribbon/items/ribbon-gallery.d.ts +15 -6
- package/src/ribbon/items/ribbon-gallery.js +164 -96
- package/src/ribbon/items/ribbon-groupbutton.d.ts +1 -0
- package/src/ribbon/items/ribbon-groupbutton.js +11 -3
- package/src/ribbon/models/ribbon-contextual-tab-settings-model.d.ts +1 -1
- package/src/ribbon/models/ribbon-gallery-group-model.d.ts +5 -5
- package/src/ribbon/models/ribbon-gallery-group.d.ts +2 -2
- package/src/ribbon/models/ribbon-gallery-group.js +2 -2
- package/src/ribbon/models/ribbon-gallery-item-model.d.ts +5 -5
- package/src/ribbon/models/ribbon-gallery-item.d.ts +1 -1
- package/src/ribbon/models/ribbon-gallery-item.js +1 -1
- package/src/ribbon/models/ribbon-gallery-settings-model.d.ts +1 -1
- package/src/ribbon/models/ribbon-gallery-settings.d.ts +3 -3
- package/src/ribbon/models/ribbon-gallery-settings.js +2 -2
- package/src/ribbon/modules/ribbon-backstage.d.ts +6 -3
- package/src/ribbon/modules/ribbon-backstage.js +65 -12
- package/src/ribbon/modules/ribbon-contextualtab.js +5 -2
- package/src/ribbon/modules/ribbon-keytip.d.ts +1 -0
- package/src/ribbon/modules/ribbon-keytip.js +58 -46
- package/styles/bootstrap-dark.css +452 -269
- package/styles/bootstrap-dark.scss +18 -1
- package/styles/bootstrap.css +456 -276
- package/styles/bootstrap.scss +18 -1
- package/styles/bootstrap4.css +455 -272
- package/styles/bootstrap4.scss +18 -1
- package/styles/bootstrap5-dark.css +470 -278
- package/styles/bootstrap5-dark.scss +18 -1
- package/styles/bootstrap5.css +470 -278
- package/styles/bootstrap5.scss +18 -1
- package/styles/fabric-dark.css +451 -269
- package/styles/fabric-dark.scss +18 -1
- package/styles/fabric.css +450 -272
- package/styles/fabric.scss +18 -1
- package/styles/fluent-dark.css +472 -277
- package/styles/fluent-dark.scss +18 -1
- package/styles/fluent.css +472 -277
- package/styles/fluent.scss +18 -1
- package/styles/fluent2.css +3868 -0
- package/styles/fluent2.scss +18 -0
- package/styles/highcontrast-light.css +445 -263
- package/styles/highcontrast-light.scss +17 -1
- package/styles/highcontrast.css +451 -273
- package/styles/highcontrast.scss +18 -1
- package/styles/material-dark.css +540 -283
- package/styles/material-dark.scss +18 -1
- package/styles/material.css +539 -289
- package/styles/material.scss +18 -1
- package/styles/material3-dark.css +496 -280
- package/styles/material3-dark.scss +18 -1
- package/styles/material3.css +496 -280
- package/styles/material3.scss +18 -1
- package/styles/ribbon/_bds-definition.scss +56 -20
- package/styles/ribbon/_bootstrap-dark-definition.scss +56 -20
- package/styles/ribbon/_bootstrap-definition.scss +57 -21
- package/styles/ribbon/_bootstrap4-definition.scss +57 -21
- package/styles/ribbon/_bootstrap5-definition.scss +57 -21
- package/styles/ribbon/_bootstrap5.3-definition.scss +396 -0
- package/styles/ribbon/_fabric-dark-definition.scss +55 -19
- package/styles/ribbon/_fabric-definition.scss +56 -20
- package/styles/ribbon/_fluent-definition.scss +59 -23
- package/styles/ribbon/_fluent2-definition.scss +396 -0
- package/styles/ribbon/_fusionnew-definition.scss +50 -14
- package/styles/ribbon/_highcontrast-definition.scss +58 -22
- package/styles/ribbon/_highcontrast-light-definition.scss +49 -13
- package/styles/ribbon/_layout.scss +359 -399
- package/styles/ribbon/_material-dark-definition.scss +56 -20
- package/styles/ribbon/_material-definition.scss +56 -20
- package/styles/ribbon/_material3-definition.scss +56 -19
- package/styles/ribbon/_tailwind-definition.scss +56 -20
- package/styles/ribbon/_theme.scss +118 -170
- package/styles/ribbon/bootstrap-dark.css +452 -269
- package/styles/ribbon/bootstrap.css +456 -276
- package/styles/ribbon/bootstrap4.css +455 -272
- package/styles/ribbon/bootstrap5-dark.css +470 -278
- package/styles/ribbon/bootstrap5.css +470 -278
- package/styles/ribbon/fabric-dark.css +451 -269
- package/styles/ribbon/fabric.css +450 -272
- package/styles/ribbon/fluent-dark.css +472 -277
- package/styles/ribbon/fluent.css +472 -277
- package/styles/ribbon/fluent2.css +3868 -0
- package/styles/ribbon/fluent2.scss +18 -0
- package/styles/ribbon/highcontrast-light.css +445 -263
- package/styles/ribbon/highcontrast.css +451 -273
- package/styles/ribbon/icons/_bootstrap5.3.scss +9 -0
- package/styles/ribbon/icons/_fluent2.scss +9 -0
- package/styles/ribbon/material-dark.css +540 -283
- package/styles/ribbon/material.css +539 -289
- package/styles/ribbon/material3-dark.css +496 -280
- package/styles/ribbon/material3.css +496 -280
- package/styles/ribbon/tailwind-dark.css +506 -280
- package/styles/ribbon/tailwind.css +506 -280
- package/styles/tailwind-dark.css +506 -280
- package/styles/tailwind-dark.scss +18 -1
- package/styles/tailwind.css +506 -280
- package/styles/tailwind.scss +18 -1
- package/CHANGELOG.md +0 -101
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
$ribbon-border: none !default;
|
|
2
|
+
$ribbon-border-radius: unset !default;
|
|
3
|
+
$ribbon-disabled-opacity: .35 !default;
|
|
2
4
|
$ribbon-file-menu-border: 1px solid !default;
|
|
3
5
|
$ribbon-file-menu-border-width: 0 0 1px 0 !default;
|
|
4
6
|
$ribbon-file-menu-weight: 400 !default;
|
|
@@ -19,7 +21,6 @@ $ribbon-group-content-padding: 0 8px !default;
|
|
|
19
21
|
$ribbon-group-content-height: 108px !default;
|
|
20
22
|
$ribbon-group-overflow-height: 108px !default;
|
|
21
23
|
$ribbon-group-header-margin: 16px !default;
|
|
22
|
-
$ribbon-group-content-margin: 16px !default;
|
|
23
24
|
$ribbon-group-padding: 6px !default;
|
|
24
25
|
$ribbon-group-height: 140px !default;
|
|
25
26
|
$ribbon-simplified-group-padding: 2px !default;
|
|
@@ -30,7 +31,6 @@ $ribbon-collapse-btn-height: 12px !default;
|
|
|
30
31
|
$ribbon-collapse-btn-font-weight: 400 !default;
|
|
31
32
|
$ribbon-collapsible-content-width: 20px !default;
|
|
32
33
|
$ribbon-overflow-btn-content-width: 40px !default;
|
|
33
|
-
$ribbon-overflow-btn-font-weight: 400 !default;
|
|
34
34
|
$ribbon-overflow-btn-icon-padding: 8px !default;
|
|
35
35
|
$ribbon-overflow-btn-padding: 0 !default;
|
|
36
36
|
$ribbon-overflow-btn-margin: 0 !default;
|
|
@@ -38,9 +38,7 @@ $ribbon-overflow-collapse-btn-right: 25px !default;
|
|
|
38
38
|
$ribbon-overflow-item-padding: 0 !default;
|
|
39
39
|
$ribbon-overflow-wrapper-item-margin: 7px 8px !default;
|
|
40
40
|
$ribbon-overflow-item-btn-height: 12px !default;
|
|
41
|
-
$ribbon-overflow-item-btn-margin: 0 8px 0 0 !default;
|
|
42
41
|
$ribbon-overflow-btn-height: 32px !default;
|
|
43
|
-
$ribbon-rtl-overflow-item-btn-margin: 0 0 0 8px !default;
|
|
44
42
|
$ribbon-overflow-btn-border-radius: unset !default;
|
|
45
43
|
$ribbon-overflow-header-height: 26px !default;
|
|
46
44
|
$ribbon-overflow-header-line-height: 18px !default;
|
|
@@ -68,7 +66,6 @@ $ribbon-items-btn-size: 12px !default;
|
|
|
68
66
|
$ribbon-items-label-size: 14px !default;
|
|
69
67
|
$ribbon-items-btn-icon-size: 14px !default;
|
|
70
68
|
$ribbon-items-caret-icon-size: 12px !default;
|
|
71
|
-
$ribbon-items-btn-padding: 0 !default;
|
|
72
69
|
$ribbon-items-margin: 8px !default;
|
|
73
70
|
$ribbon-checkbox-margin: 10px 0 10px 12px !default;
|
|
74
71
|
$ribbon-rtl-checkbox-margin: 10px 12px 10px 0 !default;
|
|
@@ -85,12 +82,14 @@ $ribbon-input-icon-height: 12px !default;
|
|
|
85
82
|
$ribbon-input-icon-padding: 11px 1px 9px 2px !default;
|
|
86
83
|
$ribbon-input-icon-weight: 400 !default;
|
|
87
84
|
$ribbon-input-group-border-radius: unset !default;
|
|
88
|
-
$ribbon-input-group-margin: 4px !default;
|
|
85
|
+
$ribbon-input-group-margin: 0 0 4px !default;
|
|
89
86
|
$ribbon-tab-border: 1px solid !default;
|
|
87
|
+
$ribbon-tab-border-radius: unset !default;
|
|
90
88
|
$ribbon-tab-text-size: 14px !default;
|
|
91
89
|
$ribbon-tab-text-padding: 10px 15px !default;
|
|
92
90
|
$ribbon-tab-text-height: 22px !default;
|
|
93
91
|
$ribbon-tab-text-weight: 400 !default;
|
|
92
|
+
$ribbon-active-tab-text-weight: $ribbon-tab-text-weight !default;
|
|
94
93
|
$ribbon-nav-arrow-size: 16px !default;
|
|
95
94
|
$ribbon-nav-arrow-height: 16px !default;
|
|
96
95
|
$ribbon-hscroll-padding: 0 !default;
|
|
@@ -133,7 +132,6 @@ $ribbon-button-icon-padding: 10px 8px 10px 12px !default;
|
|
|
133
132
|
$ribbon-rtl-button-icon-padding: 10px 12px 10px 8px !default;
|
|
134
133
|
$ribbon-caret-icon-padding: 0 12px !default;
|
|
135
134
|
$ribbon-rtl-caret-icon-padding: 0 12px !default;
|
|
136
|
-
$ribbon-gallery-items-padding: 15px 22px !default;
|
|
137
135
|
$ribbon-gallery-popup-items-padding: 5px 0 !default;
|
|
138
136
|
$ribbon-gallery-header-padding: 8px 0 4px !default;
|
|
139
137
|
$ribbon-gallery-header-font-weight: 500 !default;
|
|
@@ -143,18 +141,36 @@ $ribbon-gallery-text-size: 14px !default;
|
|
|
143
141
|
$ribbon-gallery-text-weight: 400 !default;
|
|
144
142
|
$ribbon-gallery-text-line-height: 22px !default;
|
|
145
143
|
$ribbon-gallery-simplified-items-padding: 5px 0 !default;
|
|
146
|
-
$ribbon-gallery-popup-padding:
|
|
144
|
+
$ribbon-gallery-popup-padding: 8px 12px 12px !default;
|
|
147
145
|
$ribbon-gallery-icons-size: 20px !default;
|
|
148
146
|
$ribbon-gallery-icons-weight: $ribbon-gallery-text-weight !default;
|
|
149
147
|
$ribbon-gallery-icons-height: 20px !default;
|
|
150
148
|
$ribbon-gallery-items-width: 95px !default;
|
|
151
149
|
$ribbon-gallery-simplified-items-width: 95px !default;
|
|
152
150
|
$ribbon-gallery-popup-items-width: 73px !default;
|
|
153
|
-
$ribbon-
|
|
154
|
-
$ribbon-
|
|
155
|
-
$ribbon-
|
|
151
|
+
$ribbon-keytip-border-radius: unset !default;
|
|
152
|
+
$ribbon-keytip-font-size: 14px !default;
|
|
153
|
+
$ribbon-keytip-line-height: 18px !default;
|
|
154
|
+
$ribbon-keytip-height: 20px !default;
|
|
155
|
+
$ribbon-keytip-min-width: 20px !default;
|
|
156
|
+
$ribbon-gallery-wrapper-height: 108px !default;
|
|
157
|
+
$ribbon-gallery-simplified-wrapper-height: 36px !default;
|
|
158
|
+
$ribbon-gallery-simplified-items-wrapper-height: 34px !default;
|
|
159
|
+
$ribbon-gallery-button-icon-padding: 0 3px !default;
|
|
160
|
+
$ribbon-gallery-button-icon-font-weight: 400 !default;
|
|
161
|
+
$ribbon-gallery-button-icon-line-height: 10px !default;
|
|
162
|
+
$ribbon-gallery-button-icon-font-size: 10px !default;
|
|
163
|
+
$ribbon-wrapper-margin: 0 !default;
|
|
164
|
+
$ribbon-wrapper-item-margin: 0 !default;
|
|
165
|
+
$ribbon-wrapper-border-radius: 0 !default;
|
|
166
|
+
$ribbon-wrapper-item-border-radius: 0 !default;
|
|
167
|
+
$ribbon-simplified-wrapper-margin: 0 !default;
|
|
168
|
+
$ribbon-simplified-wrapper-item-margin: 0 !default;
|
|
169
|
+
$ribbon-simplified-wrapper-item-border-radius: 0 !default;
|
|
170
|
+
$ribbon-gallery-items-wrapper-height: 107px !default;
|
|
156
171
|
|
|
157
172
|
$ribbon-bigger-content-height: 120px !default;
|
|
173
|
+
$ribbon-bigger-large-items-max-width: $ribbon-large-items-max-width !default;
|
|
158
174
|
$ribbon-bigger-group-overflow-content-height: 120px !default;
|
|
159
175
|
$ribbon-bigger-group-height: 159px !default;
|
|
160
176
|
$ribbon-bigger-file-menu-height: 24px !default;
|
|
@@ -208,7 +224,7 @@ $ribbon-bigger-input-items-btn-size: 16px !default;
|
|
|
208
224
|
$ribbon-bigger-input-items-btn-height: 16px !default;
|
|
209
225
|
$ribbon-bigger-input-padding: 7px 0 7px 13px !default;
|
|
210
226
|
$ribbon-bigger-input-icon-padding: 10px 2px 10px 2px !default;
|
|
211
|
-
$ribbon-bigger-input-group-margin: 4px !default;
|
|
227
|
+
$ribbon-bigger-input-group-margin: 0 0 4px !default;
|
|
212
228
|
$ribbon-bigger-dropdown-btn-padding: 0 18px !default;
|
|
213
229
|
$ribbon-bigger-menu-blank-icon-padding: 42px !default;
|
|
214
230
|
$ribbon-bigger-dropdown-btn-size: 16px !default;
|
|
@@ -236,10 +252,9 @@ $ribbon-bigger-backstage-btn-icon-line-height: 20px !default;
|
|
|
236
252
|
$ribbon-bigger-backstage-btn-icon-padding: 8px 12px 8px 16px !default;
|
|
237
253
|
$ribbon-bigger-group-button-icon-padding: 0 !default;
|
|
238
254
|
$ribbon-bigger-group-button-icon-margin: $ribbon-bigger-items-margin !default;
|
|
239
|
-
$ribbon-bigger-group-button-ddb-padding: 8px 12px 12px !default;
|
|
240
255
|
$ribbon-bigger-group-button-padding: 0 8px 0 0 !default;
|
|
241
256
|
$ribbon-bigger-items-label: 44px !default;
|
|
242
|
-
$ribbon-bigger-gallery-popup-padding:
|
|
257
|
+
$ribbon-bigger-gallery-popup-padding: 12px 16px 16px !default;
|
|
243
258
|
$ribbon-bigger-gallery-header-fontsize: 14px !default;
|
|
244
259
|
$ribbon-bigger-gallery-header-line-height: 22px !default;
|
|
245
260
|
$ribbon-bigger-gallery-header-padding: 12px 0 8px !default;
|
|
@@ -254,10 +269,19 @@ $ribbon-bigger-button-icon-padding: 12px 12px 12px 16px !default;
|
|
|
254
269
|
$ribbon-bigger-rtl-button-icon-padding: 12px 16px 12px 12px !default;
|
|
255
270
|
$ribbon-bigger-caret-icon-padding: 0 12px !default;
|
|
256
271
|
$ribbon-bigger-rtl-caret-icon-padding: 0 12px !default;
|
|
272
|
+
$ribbon-bigger-gallery-wrapper-height: 120px !default;
|
|
273
|
+
$ribbon-bigger-gallery-simplified-wrapper-height: 40px !default;
|
|
274
|
+
$ribbon-bigger-gallery-items-wrapper-height: 119px !default;
|
|
275
|
+
$ribbon-bigger-gallery-simplified-items-wrapper-height: 39px !default;
|
|
276
|
+
$ribbon-bigger-gallery-items-wrapper-width: 119px !default;
|
|
277
|
+
$ribbon-bigger-keytip-font-size: 14px !default;
|
|
278
|
+
$ribbon-bigger-keytip-line-height: 18px !default;
|
|
279
|
+
$ribbon-bigger-keytip-height: 20px !default;
|
|
280
|
+
$ribbon-bigger-keytip-min-width: 20px !default;
|
|
257
281
|
|
|
258
282
|
$ribbon-header-bg-color: $grey-900 !default;
|
|
283
|
+
$ribbon-tab-background-color: $ribbon-header-bg-color !default;
|
|
259
284
|
$ribbon-border-color: $grey-600 !default;
|
|
260
|
-
$ribbon-group-seperator-color: $grey-600 !default;
|
|
261
285
|
$ribbon-group-border-color: $grey-600 !default;
|
|
262
286
|
$ribbon-input-group-border-color: $grey-600 !default;
|
|
263
287
|
$ribbon-input-group-background-color: $grey-900 !default;
|
|
@@ -266,14 +290,20 @@ $ribbon-items-background-color: $grey-900 !default;
|
|
|
266
290
|
$ribbon-items-hover-background-color: $grey-600 !default;
|
|
267
291
|
$ribbon-items-focus-background-color: $grey-600 !default;
|
|
268
292
|
$ribbon-items-hover-color: $grey-dark-font !default;
|
|
293
|
+
$ribbon-items-text-hover-color: $ribbon-items-hover-color !default;
|
|
269
294
|
$ribbon-items-active-color: $grey-dark-font !default;
|
|
295
|
+
$ribbon-items-text-active-color: $ribbon-items-active-color !default;
|
|
270
296
|
$ribbon-items-focus-color: $grey-dark-font !default;
|
|
297
|
+
$ribbon-items-icon-focus-color: $ribbon-items-focus-color !default;
|
|
298
|
+
$ribbon-items-text-focus-color: $ribbon-items-focus-color !default;
|
|
271
299
|
$ribbon-items-active-background-color: $grey-600 !default;
|
|
300
|
+
$ribbon-items-pressed-background-color: $ribbon-items-active-background-color !default;
|
|
272
301
|
$ribbon-items-hover-border-color: unset !default;
|
|
273
302
|
$ribbon-items-focus-border-color: unset !default;
|
|
274
303
|
$ribbon-items-disabled-color: rgba($grey-dark-font, .3) !default;
|
|
275
304
|
$ribbon-collapse-btn-background: $grey-900 !default;
|
|
276
305
|
$ribbon-text-color: $grey-dark-font !default;
|
|
306
|
+
$ribbon-tab-text-color: $ribbon-text-color !default;
|
|
277
307
|
$ribbon-tab-text-focus-color: rgba($accent, 1) !default;
|
|
278
308
|
$ribbon-tab-text-hover-color: rgba($accent, 1) !default;
|
|
279
309
|
$ribbon-active-tab-color: $accent !default;
|
|
@@ -325,14 +355,14 @@ $ribbon-backstage-btn-hover-border-color: unset !default;
|
|
|
325
355
|
$ribbon-backstage-close-btn-font-weight: 400 !default;
|
|
326
356
|
$ribbon-group-button-dropdown-popup-background: $grey-800 !default;
|
|
327
357
|
$ribbon-group-button-icon-hover-color: rgba($grey-white, .64) !default;
|
|
358
|
+
$ribbon-group-button-icon-active-color: $ribbon-items-active-color !default;
|
|
328
359
|
$ribbon-group-button-hover-background: rgba($grey-white, .12) !default;
|
|
329
360
|
$ribbon-group-button-text-hover-color: rgba($grey-white, 1) !default;
|
|
330
361
|
$ribbon-group-button-active-background: rgba($grey-white, .16) !default;
|
|
331
362
|
$ribbon-group-button-text-active-color: rgba($grey-white, 1) !default;
|
|
332
363
|
$ribbon-group-button-selected-background: rgba($grey-white, .16) !default;
|
|
364
|
+
$ribbon-group-button-pressed-background: $ribbon-group-button-selected-background !default;
|
|
333
365
|
$ribbon-group-button-border-color: $grey-700 !default;
|
|
334
|
-
$ribbon-group-button-dropdown-popup-border-color: unset !default;
|
|
335
|
-
$ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .26) !default;
|
|
336
366
|
$ribbon-popup-common-bg-color: $grey-900 !default;
|
|
337
367
|
$ribbon-popup-common-border-radius: unset !default;
|
|
338
368
|
$ribbon-popup-common-border-color: unset !default;
|
|
@@ -343,13 +373,17 @@ $ribbon-contextual-tab-background: $ribbon-header-bg-color !default;
|
|
|
343
373
|
$ribbon-keytip-background-color: $primary-font !default;
|
|
344
374
|
$ribbon-keytip-color: $primary-50-font !default;
|
|
345
375
|
$ribbon-gallery-popup-background-color: $grey-800 !default;
|
|
346
|
-
$ribbon-gallery-item-background-color: $grey-800 !default;
|
|
376
|
+
$ribbon-gallery-popup-item-background-color: $grey-800 !default;
|
|
377
|
+
$ribbon-gallery-wrapper-background-color: $grey-900 !default;
|
|
378
|
+
$ribbon-gallery-wrapper-item-background-color: $grey-900 !default;
|
|
347
379
|
$ribbon-gallery-hover-background-color: $grey-700 !default;
|
|
348
380
|
$ribbon-gallery-item-selected-color: $grey-600 !default;
|
|
349
|
-
$ribbon-gallery-button-
|
|
381
|
+
$ribbon-gallery-button-icon-color: $grey-white !default;
|
|
382
|
+
$ribbon-gallery-button-selected-icon-color: $grey-white !default;
|
|
383
|
+
$ribbon-gallery-button-selected-color: $grey-600 !default;
|
|
350
384
|
$ribbon-gallery-item-disabled-color: $grey-800 !default;
|
|
351
385
|
$ribbon-gallery-item-focus-border-color: $grey-700 !default;
|
|
352
|
-
$ribbon-gallery-item-border-color: $grey-
|
|
386
|
+
$ribbon-gallery-item-border-color: $grey-600 !default;
|
|
353
387
|
$ribbon-gallery-header-color: rgba($grey-dark-font, .6) !default;
|
|
354
388
|
$ribbon-gallery-item-text-color: $ribbon-text-color !default;
|
|
355
389
|
$ribbon-gallery-item-disabled-text-color: rgba($grey-dark-font, .38) !default;
|
|
@@ -358,3 +392,5 @@ $ribbon-gallery-item-disabled-icons-color: rgba($grey-dark-font, .38) !default;
|
|
|
358
392
|
$ribbon-gallery-item-selected-text-color: $ribbon-text-color !default;
|
|
359
393
|
$ribbon-gallery-item-selected-icons-color: $ribbon-items-icon-color !default;
|
|
360
394
|
$ribbon-gallery-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .26) !default;
|
|
395
|
+
$ribbon-group-button-item-border: 1px solid $ribbon-group-button-border-color !default;
|
|
396
|
+
$ribbon-items-focus-box-shadow: none !default;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
$ribbon-border: none !default;
|
|
2
|
+
$ribbon-border-radius: unset !default;
|
|
3
|
+
$ribbon-disabled-opacity: .35 !default;
|
|
2
4
|
$ribbon-file-menu-border: 1px solid !default;
|
|
3
5
|
$ribbon-file-menu-border-width: 0 0 1px 0 !default;
|
|
4
6
|
$ribbon-file-menu-weight: 400 !default;
|
|
@@ -19,7 +21,6 @@ $ribbon-group-content-padding: 0 8px !default;
|
|
|
19
21
|
$ribbon-group-content-height: 108px !default;
|
|
20
22
|
$ribbon-group-overflow-height: 108px !default;
|
|
21
23
|
$ribbon-group-header-margin: 20px !default;
|
|
22
|
-
$ribbon-group-content-margin: 20px !default;
|
|
23
24
|
$ribbon-group-padding: 6px !default;
|
|
24
25
|
$ribbon-group-height: 140px !default;
|
|
25
26
|
$ribbon-simplified-group-padding: 2px !default;
|
|
@@ -30,7 +31,6 @@ $ribbon-collapse-btn-height: 12px !default;
|
|
|
30
31
|
$ribbon-collapse-btn-font-weight: 400 !default;
|
|
31
32
|
$ribbon-collapsible-content-width: 20px !default;
|
|
32
33
|
$ribbon-overflow-btn-content-width: 40px !default;
|
|
33
|
-
$ribbon-overflow-btn-font-weight: 400 !default;
|
|
34
34
|
$ribbon-overflow-btn-icon-padding: 8px !default;
|
|
35
35
|
$ribbon-overflow-btn-padding: 0 !default;
|
|
36
36
|
$ribbon-overflow-btn-margin: 0 !default;
|
|
@@ -38,9 +38,7 @@ $ribbon-overflow-collapse-btn-right: 25px !default;
|
|
|
38
38
|
$ribbon-overflow-item-padding: 0 !default;
|
|
39
39
|
$ribbon-overflow-wrapper-item-margin: 3px 8px !default;
|
|
40
40
|
$ribbon-overflow-item-btn-height: 12px !default;
|
|
41
|
-
$ribbon-overflow-item-btn-margin: 0 8px 0 0 !default;
|
|
42
41
|
$ribbon-overflow-btn-height: 32px !default;
|
|
43
|
-
$ribbon-rtl-overflow-item-btn-margin: 0 0 0 8px !default;
|
|
44
42
|
$ribbon-overflow-btn-border-radius: unset !default;
|
|
45
43
|
$ribbon-overflow-header-height: 26px !default;
|
|
46
44
|
$ribbon-overflow-header-line-height: 18px !default;
|
|
@@ -68,7 +66,6 @@ $ribbon-items-btn-size: 12px !default;
|
|
|
68
66
|
$ribbon-items-label-size: 14px !default;
|
|
69
67
|
$ribbon-items-btn-icon-size: 12px !default;
|
|
70
68
|
$ribbon-items-caret-icon-size: 12px !default;
|
|
71
|
-
$ribbon-items-btn-padding: 0 !default;
|
|
72
69
|
$ribbon-items-margin: 8px !default;
|
|
73
70
|
$ribbon-checkbox-margin: 10px 0 10px 12px !default;
|
|
74
71
|
$ribbon-rtl-checkbox-margin: 10px 12px 10px 0 !default;
|
|
@@ -85,12 +82,14 @@ $ribbon-input-icon-height: 12px !default;
|
|
|
85
82
|
$ribbon-input-icon-padding: 11px 1px 9px 2px !default;
|
|
86
83
|
$ribbon-input-icon-weight: 400 !default;
|
|
87
84
|
$ribbon-input-group-border-radius: unset !default;
|
|
88
|
-
$ribbon-input-group-margin: 4px !default;
|
|
85
|
+
$ribbon-input-group-margin: 0 0 4px !default;
|
|
89
86
|
$ribbon-tab-border: 1px solid !default;
|
|
87
|
+
$ribbon-tab-border-radius: unset !default;
|
|
90
88
|
$ribbon-tab-text-size: 14px !default;
|
|
91
89
|
$ribbon-tab-text-padding: 10px 15px !default;
|
|
92
90
|
$ribbon-tab-text-height: 22px !default;
|
|
93
91
|
$ribbon-tab-text-weight: 400 !default;
|
|
92
|
+
$ribbon-active-tab-text-weight: $ribbon-tab-text-weight !default;
|
|
94
93
|
$ribbon-nav-arrow-size: 16px !default;
|
|
95
94
|
$ribbon-nav-arrow-height: 16px !default;
|
|
96
95
|
$ribbon-hscroll-padding: 0 !default;
|
|
@@ -133,7 +132,6 @@ $ribbon-button-icon-padding: 10px 8px 10px 12px !default;
|
|
|
133
132
|
$ribbon-rtl-button-icon-padding: 10px 12px 10px 8px !default;
|
|
134
133
|
$ribbon-caret-icon-padding: 0 12px !default;
|
|
135
134
|
$ribbon-rtl-caret-icon-padding: 0 12px !default;
|
|
136
|
-
$ribbon-gallery-items-padding: 15px 22px !default;
|
|
137
135
|
$ribbon-gallery-popup-items-padding: 5px 0 !default;
|
|
138
136
|
$ribbon-gallery-header-padding: 8px 0 4px !default;
|
|
139
137
|
$ribbon-gallery-header-font-weight: 500 !default;
|
|
@@ -143,18 +141,36 @@ $ribbon-gallery-text-size: 14px !default;
|
|
|
143
141
|
$ribbon-gallery-text-weight: 400 !default;
|
|
144
142
|
$ribbon-gallery-text-line-height: 22px !default;
|
|
145
143
|
$ribbon-gallery-simplified-items-padding: 5px 0 !default;
|
|
146
|
-
$ribbon-gallery-popup-padding:
|
|
144
|
+
$ribbon-gallery-popup-padding: 8px 12px 12px !default;
|
|
147
145
|
$ribbon-gallery-icons-size: 20px !default;
|
|
148
146
|
$ribbon-gallery-icons-weight: $ribbon-gallery-text-weight !default;
|
|
149
147
|
$ribbon-gallery-icons-height: 20px !default;
|
|
150
148
|
$ribbon-gallery-items-width: 95px !default;
|
|
151
149
|
$ribbon-gallery-simplified-items-width: 95px !default;
|
|
152
150
|
$ribbon-gallery-popup-items-width: 73px !default;
|
|
153
|
-
$ribbon-
|
|
154
|
-
$ribbon-
|
|
155
|
-
$ribbon-
|
|
151
|
+
$ribbon-keytip-border-radius: unset !default;
|
|
152
|
+
$ribbon-keytip-font-size: 14px !default;
|
|
153
|
+
$ribbon-keytip-line-height: 18px !default;
|
|
154
|
+
$ribbon-keytip-height: 20px !default;
|
|
155
|
+
$ribbon-keytip-min-width: 20px !default;
|
|
156
|
+
$ribbon-gallery-wrapper-height: 108px !default;
|
|
157
|
+
$ribbon-gallery-simplified-wrapper-height: 36px !default;
|
|
158
|
+
$ribbon-gallery-simplified-items-wrapper-height: 34px !default;
|
|
159
|
+
$ribbon-gallery-button-icon-padding: 0 3px !default;
|
|
160
|
+
$ribbon-gallery-button-icon-font-weight: 400 !default;
|
|
161
|
+
$ribbon-gallery-button-icon-line-height: 10px !default;
|
|
162
|
+
$ribbon-gallery-button-icon-font-size: 10px !default;
|
|
163
|
+
$ribbon-wrapper-margin: 0 !default;
|
|
164
|
+
$ribbon-wrapper-item-margin: 0 !default;
|
|
165
|
+
$ribbon-wrapper-border-radius: 0 !default;
|
|
166
|
+
$ribbon-wrapper-item-border-radius: 0 !default;
|
|
167
|
+
$ribbon-simplified-wrapper-margin: 0 !default;
|
|
168
|
+
$ribbon-simplified-wrapper-item-margin: 0 !default;
|
|
169
|
+
$ribbon-simplified-wrapper-item-border-radius: 0 !default;
|
|
170
|
+
$ribbon-gallery-items-wrapper-height: 107px !default;
|
|
156
171
|
|
|
157
172
|
$ribbon-bigger-content-height: 120px !default;
|
|
173
|
+
$ribbon-bigger-large-items-max-width: $ribbon-large-items-max-width !default;
|
|
158
174
|
$ribbon-bigger-group-overflow-content-height: 120px !default;
|
|
159
175
|
$ribbon-bigger-group-height: 159px !default;
|
|
160
176
|
$ribbon-bigger-file-menu-height: 24px !default;
|
|
@@ -208,7 +224,7 @@ $ribbon-bigger-input-items-btn-size: 16px !default;
|
|
|
208
224
|
$ribbon-bigger-input-items-btn-height: 16px !default;
|
|
209
225
|
$ribbon-bigger-input-padding: 7px 0 7px 13px !default;
|
|
210
226
|
$ribbon-bigger-input-icon-padding: 10px 2px !default;
|
|
211
|
-
$ribbon-bigger-input-group-margin: 4px !default;
|
|
227
|
+
$ribbon-bigger-input-group-margin: 0 0 4px !default;
|
|
212
228
|
$ribbon-bigger-dropdown-btn-padding: 0 18px !default;
|
|
213
229
|
$ribbon-bigger-menu-blank-icon-padding: 42px !default;
|
|
214
230
|
$ribbon-bigger-dropdown-btn-size: 16px !default;
|
|
@@ -236,10 +252,9 @@ $ribbon-bigger-backstage-btn-icon-line-height: 20px !default;
|
|
|
236
252
|
$ribbon-bigger-backstage-btn-icon-padding: 8px 12px 8px 16px !default;
|
|
237
253
|
$ribbon-bigger-group-button-icon-padding: 0 !default;
|
|
238
254
|
$ribbon-bigger-group-button-icon-margin: $ribbon-bigger-items-margin !default;
|
|
239
|
-
$ribbon-bigger-group-button-ddb-padding: 8px 12px 12px !default;
|
|
240
255
|
$ribbon-bigger-group-button-padding: 0 8px 0 0 !default;
|
|
241
256
|
$ribbon-bigger-items-label: 44px !default;
|
|
242
|
-
$ribbon-bigger-gallery-popup-padding:
|
|
257
|
+
$ribbon-bigger-gallery-popup-padding: 12px 16px 16px !default;
|
|
243
258
|
$ribbon-bigger-gallery-header-fontsize: 16px !default;
|
|
244
259
|
$ribbon-bigger-gallery-header-line-height: 24px !default;
|
|
245
260
|
$ribbon-bigger-gallery-header-padding: 12px 0 8px !default;
|
|
@@ -254,10 +269,19 @@ $ribbon-bigger-button-icon-padding: 12px 12px 12px 16px !default;
|
|
|
254
269
|
$ribbon-bigger-rtl-button-icon-padding: 12px 16px 12px 12px !default;
|
|
255
270
|
$ribbon-bigger-caret-icon-padding: 0 12px !default;
|
|
256
271
|
$ribbon-bigger-rtl-caret-icon-padding: 0 12px !default;
|
|
272
|
+
$ribbon-bigger-gallery-wrapper-height: 120px !default;
|
|
273
|
+
$ribbon-bigger-gallery-simplified-wrapper-height: 40px !default;
|
|
274
|
+
$ribbon-bigger-gallery-items-wrapper-height: 119px !default;
|
|
275
|
+
$ribbon-bigger-gallery-simplified-items-wrapper-height: 39px !default;
|
|
276
|
+
$ribbon-bigger-gallery-items-wrapper-width: 119px !default;
|
|
277
|
+
$ribbon-bigger-keytip-font-size: 14px !default;
|
|
278
|
+
$ribbon-bigger-keytip-line-height: 18px !default;
|
|
279
|
+
$ribbon-bigger-keytip-height: 20px !default;
|
|
280
|
+
$ribbon-bigger-keytip-min-width: 20px !default;
|
|
257
281
|
|
|
258
282
|
$ribbon-header-bg-color: $grey-50 !default;
|
|
283
|
+
$ribbon-tab-background-color: $ribbon-header-bg-color !default;
|
|
259
284
|
$ribbon-border-color: $grey-300 !default;
|
|
260
|
-
$ribbon-group-seperator-color: $grey-400 !default;
|
|
261
285
|
$ribbon-group-border-color: $grey-400 !default;
|
|
262
286
|
$ribbon-input-group-border-color: $grey-400 !default;
|
|
263
287
|
$ribbon-input-group-background-color: $grey-white !default;
|
|
@@ -266,14 +290,20 @@ $ribbon-items-background-color: $grey-50 !default;
|
|
|
266
290
|
$ribbon-items-hover-background-color: rgba($grey-black, .12) !default;
|
|
267
291
|
$ribbon-items-focus-background-color: $grey-300 !default;
|
|
268
292
|
$ribbon-items-hover-color: rgba($grey-light-font, .54) !default;
|
|
293
|
+
$ribbon-items-text-hover-color: $ribbon-items-hover-color !default;
|
|
269
294
|
$ribbon-items-active-color: rgba($grey-light-font, .54) !default;
|
|
295
|
+
$ribbon-items-text-active-color: $ribbon-items-active-color !default;
|
|
270
296
|
$ribbon-items-focus-color: rgba($grey-light-font, .54) !default;
|
|
297
|
+
$ribbon-items-icon-focus-color: $ribbon-items-focus-color !default;
|
|
298
|
+
$ribbon-items-text-focus-color: $ribbon-items-focus-color !default;
|
|
271
299
|
$ribbon-items-active-background-color: $grey-200 !default;
|
|
300
|
+
$ribbon-items-pressed-background-color: $ribbon-items-active-background-color !default;
|
|
272
301
|
$ribbon-items-hover-border-color: unset !default;
|
|
273
302
|
$ribbon-items-focus-border-color: unset !default;
|
|
274
303
|
$ribbon-items-disabled-color: $grey-600 !default;
|
|
275
304
|
$ribbon-collapse-btn-background: $grey-50 !default;
|
|
276
305
|
$ribbon-text-color: rgba($grey-light-font, .87) !default;
|
|
306
|
+
$ribbon-tab-text-color: $ribbon-text-color !default;
|
|
277
307
|
$ribbon-tab-text-focus-color: rgba($accent, 1) !default;
|
|
278
308
|
$ribbon-tab-text-hover-color: rgba($accent, 1) !default;
|
|
279
309
|
$ribbon-active-tab-color: $primary !default;
|
|
@@ -325,14 +355,14 @@ $ribbon-backstage-btn-hover-border-color: unset !default;
|
|
|
325
355
|
$ribbon-backstage-close-btn-font-weight: 400 !default;
|
|
326
356
|
$ribbon-group-button-dropdown-popup-background: $grey-white !default;
|
|
327
357
|
$ribbon-group-button-icon-hover-color: rgba($grey-black, .54) !default;
|
|
358
|
+
$ribbon-group-button-icon-active-color: $ribbon-items-active-color !default;
|
|
328
359
|
$ribbon-group-button-hover-background: rgba($grey-black, .12) !default;
|
|
329
360
|
$ribbon-group-button-text-hover-color: rgba($grey-black, .84) !default;
|
|
330
361
|
$ribbon-group-button-active-background: rgba($grey-black, .16) !default;
|
|
331
362
|
$ribbon-group-button-text-active-color: rgba($grey-black, .84) !default;
|
|
332
363
|
$ribbon-group-button-selected-background: rgba($grey-black, .16) !default;
|
|
364
|
+
$ribbon-group-button-pressed-background: $ribbon-group-button-selected-background !default;
|
|
333
365
|
$ribbon-group-button-border-color: $grey-700 !default;
|
|
334
|
-
$ribbon-group-button-dropdown-popup-border-color: unset !default;
|
|
335
|
-
$ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23), 0 10px 20px 0 rgba(0, 0, 0, .19) !default;
|
|
336
366
|
$ribbon-popup-common-bg-color: $content-bg-color !default;
|
|
337
367
|
$ribbon-popup-common-border-radius: unset !default;
|
|
338
368
|
$ribbon-popup-common-border-color: unset !default;
|
|
@@ -343,13 +373,17 @@ $ribbon-contextual-tab-background: $ribbon-header-bg-color !default;
|
|
|
343
373
|
$ribbon-keytip-background-color: $grey-black !default;
|
|
344
374
|
$ribbon-keytip-color: $grey-white !default;
|
|
345
375
|
$ribbon-gallery-popup-background-color: $grey-white !default;
|
|
346
|
-
$ribbon-gallery-item-background-color: $grey-white !default;
|
|
376
|
+
$ribbon-gallery-popup-item-background-color: $grey-white !default;
|
|
377
|
+
$ribbon-gallery-wrapper-background-color: $grey-white !default;
|
|
378
|
+
$ribbon-gallery-wrapper-item-background-color: $grey-white !default;
|
|
347
379
|
$ribbon-gallery-hover-background-color: $grey-200 !default;
|
|
348
380
|
$ribbon-gallery-item-selected-color: $grey-200 !default;
|
|
349
|
-
$ribbon-gallery-button-
|
|
381
|
+
$ribbon-gallery-button-icon-color: rgba($grey-black, .54) !default;
|
|
382
|
+
$ribbon-gallery-button-selected-icon-color: rgba($grey-black, .54) !default;
|
|
383
|
+
$ribbon-gallery-button-selected-color: $grey-300 !default;
|
|
350
384
|
$ribbon-gallery-item-disabled-color: $grey-white !default;
|
|
351
385
|
$ribbon-gallery-item-focus-border-color: $grey-400 !default;
|
|
352
|
-
$ribbon-gallery-item-border-color: $grey-
|
|
386
|
+
$ribbon-gallery-item-border-color: $grey-400 !default;
|
|
353
387
|
$ribbon-gallery-header-color: $ribbon-text-color !default;
|
|
354
388
|
$ribbon-gallery-item-text-color: $ribbon-text-color !default;
|
|
355
389
|
$ribbon-gallery-item-disabled-text-color: rgba($grey-light-font, .38) !default;
|
|
@@ -358,3 +392,5 @@ $ribbon-gallery-item-disabled-icons-color: rgba($grey-light-font, .38) !default;
|
|
|
358
392
|
$ribbon-gallery-item-selected-text-color: $ribbon-text-color !default;
|
|
359
393
|
$ribbon-gallery-item-selected-icons-color: rgba($grey-light-font, .54) !default;
|
|
360
394
|
$ribbon-gallery-popup-box-shadow: 0 5px 5px -3px rgba($grey-black, .2), 0 8px 10px 1px rgba($grey-black, .14), 0 3px 14px 2px rgba($grey-black, .12) !default;
|
|
395
|
+
$ribbon-group-button-item-border: 1px solid $ribbon-group-button-border-color !default;
|
|
396
|
+
$ribbon-items-focus-box-shadow: none !default;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
$ribbon-border: none !default;
|
|
2
|
+
$ribbon-border-radius: unset !default;
|
|
3
|
+
$ribbon-disabled-opacity: .35 !default;
|
|
2
4
|
$ribbon-file-menu-border: none !default;
|
|
3
5
|
$ribbon-file-menu-border-width: unset !default;
|
|
4
6
|
$ribbon-file-menu-weight: $font-weight-normal !default;
|
|
@@ -19,18 +21,16 @@ $ribbon-group-content-padding: 0 10px !default;
|
|
|
19
21
|
$ribbon-group-content-height: 84px !default;
|
|
20
22
|
$ribbon-group-overflow-height: 84px !default;
|
|
21
23
|
$ribbon-group-header-margin: 16px !default;
|
|
22
|
-
$ribbon-group-content-margin: 16px !default;
|
|
23
24
|
$ribbon-group-padding: 4px !default;
|
|
24
25
|
$ribbon-group-height: 107px !default;
|
|
25
26
|
$ribbon-simplified-group-padding: 3px !default;
|
|
26
|
-
$ribbon-simplified-group-content-padding: 0 4px
|
|
27
|
+
$ribbon-simplified-group-content-padding: 0 4px !default;
|
|
27
28
|
$ribbon-simplified-group-content-height: 32px !default;
|
|
28
29
|
$ribbon-collapse-btn-padding: 2px !default;
|
|
29
30
|
$ribbon-collapse-btn-height: 12px !default;
|
|
30
31
|
$ribbon-collapse-btn-font-weight: $font-weight-normal !default;
|
|
31
32
|
$ribbon-collapsible-content-width: 20px !default;
|
|
32
33
|
$ribbon-overflow-btn-content-width: 40px !default;
|
|
33
|
-
$ribbon-overflow-btn-font-weight: $font-weight-normal !default;
|
|
34
34
|
$ribbon-overflow-btn-icon-padding: 5px !default;
|
|
35
35
|
$ribbon-overflow-btn-padding: 0 !default;
|
|
36
36
|
$ribbon-overflow-btn-margin: 0 !default;
|
|
@@ -38,9 +38,7 @@ $ribbon-overflow-collapse-btn-right: 25px !default;
|
|
|
38
38
|
$ribbon-overflow-item-padding: 0 !default;
|
|
39
39
|
$ribbon-overflow-wrapper-item-margin: 3px 4px !default;
|
|
40
40
|
$ribbon-overflow-item-btn-height: $text-xl !default;
|
|
41
|
-
$ribbon-overflow-item-btn-margin: 0 8px 0 0 !default;
|
|
42
41
|
$ribbon-overflow-btn-height: 24px !default;
|
|
43
|
-
$ribbon-rtl-overflow-item-btn-margin: 0 0 0 8px !default;
|
|
44
42
|
$ribbon-overflow-btn-border-radius: 4px !default;
|
|
45
43
|
$ribbon-overflow-header-height: 26px !default;
|
|
46
44
|
$ribbon-overflow-header-line-height: 18px !default;
|
|
@@ -68,7 +66,6 @@ $ribbon-items-btn-size: $text-xs !default;
|
|
|
68
66
|
$ribbon-items-label-size: $text-sm !default;
|
|
69
67
|
$ribbon-items-btn-icon-size: $text-base !default;
|
|
70
68
|
$ribbon-items-caret-icon-size: $text-sm !default;
|
|
71
|
-
$ribbon-items-btn-padding: 0 !default;
|
|
72
69
|
$ribbon-items-margin: 4px !default;
|
|
73
70
|
$ribbon-checkbox-margin: 8px 0 8px 12px !default;
|
|
74
71
|
$ribbon-rtl-checkbox-margin: 8px 12px 8px 0 !default;
|
|
@@ -85,12 +82,14 @@ $ribbon-input-icon-height: 16px !default;
|
|
|
85
82
|
$ribbon-input-icon-padding: 4px !default;
|
|
86
83
|
$ribbon-input-icon-weight: $font-weight-normal !default;
|
|
87
84
|
$ribbon-input-group-border-radius: unset !default;
|
|
88
|
-
$ribbon-input-group-margin: 4px !default;
|
|
85
|
+
$ribbon-input-group-margin: 0 0 4px !default;
|
|
89
86
|
$ribbon-tab-border: none !default;
|
|
87
|
+
$ribbon-tab-border-radius: unset !default;
|
|
90
88
|
$ribbon-tab-text-size: $text-sm !default;
|
|
91
89
|
$ribbon-tab-text-padding: 10px 15px !default;
|
|
92
90
|
$ribbon-tab-text-height: 18px !default;
|
|
93
91
|
$ribbon-tab-text-weight: $font-weight-normal !default;
|
|
92
|
+
$ribbon-active-tab-text-weight: $ribbon-tab-text-weight !default;
|
|
94
93
|
$ribbon-nav-arrow-size: $text-sm !default;
|
|
95
94
|
$ribbon-nav-arrow-height: 14px !default;
|
|
96
95
|
$ribbon-hscroll-padding: 0 !default;
|
|
@@ -133,7 +132,6 @@ $ribbon-button-icon-padding: 8px 8px 8px 12px !default;
|
|
|
133
132
|
$ribbon-rtl-button-icon-padding: 8px 12px 8px 8px !default;
|
|
134
133
|
$ribbon-caret-icon-padding: 0 12px !default;
|
|
135
134
|
$ribbon-rtl-caret-icon-padding: 0 12px !default;
|
|
136
|
-
$ribbon-gallery-items-padding: 15px 22px !default;
|
|
137
135
|
$ribbon-gallery-popup-items-padding: 5px 0 !default;
|
|
138
136
|
$ribbon-gallery-header-padding: 8px 0 !default;
|
|
139
137
|
$ribbon-gallery-header-font-weight: 500 !default;
|
|
@@ -142,19 +140,37 @@ $ribbon-gallery-header-fontsize: 12px !default;
|
|
|
142
140
|
$ribbon-gallery-text-size: 14px !default;
|
|
143
141
|
$ribbon-gallery-text-weight: 400 !default;
|
|
144
142
|
$ribbon-gallery-text-line-height: 20px !default;
|
|
145
|
-
$ribbon-gallery-simplified-items-padding:
|
|
146
|
-
$ribbon-gallery-popup-padding:
|
|
143
|
+
$ribbon-gallery-simplified-items-padding: 6px 0 !default;
|
|
144
|
+
$ribbon-gallery-popup-padding: 8px 12px 12px !default;
|
|
147
145
|
$ribbon-gallery-icons-size: 20px !default;
|
|
148
146
|
$ribbon-gallery-icons-weight: $ribbon-gallery-text-weight !default;
|
|
149
147
|
$ribbon-gallery-icons-height: 20px !default;
|
|
150
148
|
$ribbon-gallery-items-width: 95px !default;
|
|
151
149
|
$ribbon-gallery-simplified-items-width: 78px !default;
|
|
152
150
|
$ribbon-gallery-popup-items-width: 73px !default;
|
|
153
|
-
$ribbon-gallery-wrapper-height:
|
|
151
|
+
$ribbon-gallery-wrapper-height: 84px !default;
|
|
154
152
|
$ribbon-gallery-simplified-wrapper-height: 30px !default;
|
|
155
|
-
$ribbon-
|
|
153
|
+
$ribbon-keytip-border-radius: unset !default;
|
|
154
|
+
$ribbon-keytip-font-size: 14px !default;
|
|
155
|
+
$ribbon-keytip-line-height: 18px !default;
|
|
156
|
+
$ribbon-keytip-height: 20px !default;
|
|
157
|
+
$ribbon-keytip-min-width: 20px !default;
|
|
158
|
+
$ribbon-gallery-simplified-items-wrapper-height: 24px !default;
|
|
159
|
+
$ribbon-gallery-button-icon-padding: 0 2px !default;
|
|
160
|
+
$ribbon-gallery-button-icon-font-weight: 400 !default;
|
|
161
|
+
$ribbon-gallery-button-icon-line-height: 12px !default;
|
|
162
|
+
$ribbon-gallery-button-icon-font-size: 12px !default;
|
|
163
|
+
$ribbon-wrapper-margin: 0 !default;
|
|
164
|
+
$ribbon-wrapper-item-margin: 0 !default;
|
|
165
|
+
$ribbon-wrapper-border-radius: 4px !default;
|
|
166
|
+
$ribbon-wrapper-item-border-radius: 4px !default;
|
|
167
|
+
$ribbon-simplified-wrapper-margin: 3px 4px !default;
|
|
168
|
+
$ribbon-simplified-wrapper-item-margin: 0 !default;
|
|
169
|
+
$ribbon-simplified-wrapper-item-border-radius: 0 !default;
|
|
170
|
+
$ribbon-gallery-items-wrapper-height: 83px !default;
|
|
156
171
|
|
|
157
172
|
$ribbon-bigger-content-height: 120px !default;
|
|
173
|
+
$ribbon-bigger-large-items-max-width: $ribbon-large-items-max-width !default;
|
|
158
174
|
$ribbon-bigger-group-overflow-content-height: 120px !default;
|
|
159
175
|
$ribbon-bigger-group-height: 149px !default;
|
|
160
176
|
$ribbon-bigger-file-menu-height: 20px !default;
|
|
@@ -208,7 +224,7 @@ $ribbon-bigger-input-items-btn-size: $text-base !default;
|
|
|
208
224
|
$ribbon-bigger-input-items-btn-height: 16px !default;
|
|
209
225
|
$ribbon-bigger-input-padding: 9px 0 9px 8px !default;
|
|
210
226
|
$ribbon-bigger-input-icon-padding: 10px 10px 10px 2px !default;
|
|
211
|
-
$ribbon-bigger-input-group-margin: 4px !default;
|
|
227
|
+
$ribbon-bigger-input-group-margin: 0 0 4px !default;
|
|
212
228
|
$ribbon-bigger-dropdown-btn-padding: 0 6px !default;
|
|
213
229
|
$ribbon-bigger-menu-blank-icon-padding: 50px !default;
|
|
214
230
|
$ribbon-bigger-dropdown-btn-size: $text-xs !default;
|
|
@@ -236,10 +252,9 @@ $ribbon-bigger-backstage-btn-icon-line-height: 24px !default;
|
|
|
236
252
|
$ribbon-bigger-backstage-btn-icon-padding: 12px 12px 12px 16px !default;
|
|
237
253
|
$ribbon-bigger-group-button-icon-padding: 0 !default;
|
|
238
254
|
$ribbon-bigger-group-button-icon-margin: $ribbon-bigger-items-margin !default;
|
|
239
|
-
$ribbon-bigger-group-button-ddb-padding: 12px !default;
|
|
240
255
|
$ribbon-bigger-group-button-padding: 0 8px 0 0 !default;
|
|
241
256
|
$ribbon-bigger-items-label: 48px !default;
|
|
242
|
-
$ribbon-bigger-gallery-popup-padding:
|
|
257
|
+
$ribbon-bigger-gallery-popup-padding: 12px 16px 16px !default;
|
|
243
258
|
$ribbon-bigger-gallery-header-fontsize: 14px !default;
|
|
244
259
|
$ribbon-bigger-gallery-header-line-height: 20px !default;
|
|
245
260
|
$ribbon-bigger-gallery-header-padding: 12px 0 8px !default;
|
|
@@ -254,10 +269,19 @@ $ribbon-bigger-button-icon-padding: 10px 12px 10px 16px !default;
|
|
|
254
269
|
$ribbon-bigger-rtl-button-icon-padding: 10px 16px 10px 12px !default;
|
|
255
270
|
$ribbon-bigger-caret-icon-padding: 0 12px !default;
|
|
256
271
|
$ribbon-bigger-rtl-caret-icon-padding: 0 12px !default;
|
|
272
|
+
$ribbon-bigger-gallery-wrapper-height: 120px !default;
|
|
273
|
+
$ribbon-bigger-gallery-simplified-wrapper-height: 38px !default;
|
|
274
|
+
$ribbon-bigger-gallery-items-wrapper-height: 119px !default;
|
|
275
|
+
$ribbon-bigger-gallery-simplified-items-wrapper-height: 30px !default;
|
|
276
|
+
$ribbon-bigger-gallery-items-wrapper-width: 119px !default;
|
|
277
|
+
$ribbon-bigger-keytip-font-size: 14px !default;
|
|
278
|
+
$ribbon-bigger-keytip-line-height: 18px !default;
|
|
279
|
+
$ribbon-bigger-keytip-height: 20px !default;
|
|
280
|
+
$ribbon-bigger-keytip-min-width: 20px !default;
|
|
257
281
|
|
|
258
282
|
$ribbon-header-bg-color: $content-bg-color-alt2 !default;
|
|
283
|
+
$ribbon-tab-background-color: $ribbon-header-bg-color !default;
|
|
259
284
|
$ribbon-border-color: unset !default;
|
|
260
|
-
$ribbon-group-seperator-color: rgba($border-light) !default;
|
|
261
285
|
$ribbon-group-border-color: rgba($border-light) !default;
|
|
262
286
|
$ribbon-input-group-border-color: rgba($border) !default;
|
|
263
287
|
$ribbon-input-group-background-color: $transparent !default;
|
|
@@ -266,14 +290,20 @@ $ribbon-items-background-color: $content-bg-color-alt2 !default;
|
|
|
266
290
|
$ribbon-items-hover-background-color: $content-bg-color-hover !default;
|
|
267
291
|
$ribbon-items-focus-background-color: $content-bg-color-hover !default;
|
|
268
292
|
$ribbon-items-hover-color: rgba($icon-color) !default;
|
|
293
|
+
$ribbon-items-text-hover-color: $ribbon-items-hover-color !default;
|
|
269
294
|
$ribbon-items-active-color: rgba($icon-color) !default;
|
|
295
|
+
$ribbon-items-text-active-color: $ribbon-items-active-color !default;
|
|
270
296
|
$ribbon-items-focus-color: rgba($icon-color) !default;
|
|
297
|
+
$ribbon-items-icon-focus-color: $ribbon-items-focus-color !default;
|
|
298
|
+
$ribbon-items-text-focus-color: $ribbon-items-focus-color !default;
|
|
271
299
|
$ribbon-items-active-background-color: $content-bg-color-hover !default;
|
|
300
|
+
$ribbon-items-pressed-background-color: $ribbon-items-active-background-color !default;
|
|
272
301
|
$ribbon-items-hover-border-color: unset !default;
|
|
273
302
|
$ribbon-items-focus-border-color: unset !default;
|
|
274
303
|
$ribbon-items-disabled-color: $content-bg-color-alt6 !default;
|
|
275
304
|
$ribbon-collapse-btn-background: $content-bg-color-alt2 !default;
|
|
276
305
|
$ribbon-text-color: rgba($content-text-color) !default;
|
|
306
|
+
$ribbon-tab-text-color: $ribbon-text-color !default;
|
|
277
307
|
$ribbon-tab-text-focus-color: rgba($primary) !default;
|
|
278
308
|
$ribbon-tab-text-hover-color: rgba($primary) !default;
|
|
279
309
|
$ribbon-active-tab-color: rgba($primary) !default;
|
|
@@ -314,7 +344,6 @@ $ribbon-backstage-menu-active-border-color: unset !default;
|
|
|
314
344
|
$ribbon-backstage-menu-items-active-color: rgba($surface) !default;
|
|
315
345
|
$ribbon-backstage-menu-icon-active-color: rgba($surface) !default;
|
|
316
346
|
$ribbon-backstage-separator-color: rgba($flyout-border) !default;
|
|
317
|
-
$ribbon-backstage-separator-color: $border-light !default;
|
|
318
347
|
$ribbon-backstage-btn-bg-color: rgba($primary) !default;
|
|
319
348
|
$ribbon-backstage-btn-color: rgba($surface) !default;
|
|
320
349
|
$ribbon-backstage-btn-focus-bg-color: $primary-bg-color-hover !default;
|
|
@@ -326,11 +355,13 @@ $ribbon-backstage-btn-hover-border-color: unset !default;
|
|
|
326
355
|
$ribbon-backstage-close-btn-font-weight: 400 !default;
|
|
327
356
|
$ribbon-group-button-dropdown-popup-background: $flyout-bg-color !default;
|
|
328
357
|
$ribbon-group-button-icon-hover-color: $icon-color-hover !default;
|
|
358
|
+
$ribbon-group-button-icon-active-color: $ribbon-items-active-color !default;
|
|
329
359
|
$ribbon-group-button-hover-background: $flyout-bg-color-hover !default;
|
|
330
360
|
$ribbon-group-button-text-hover-color: $content-text-color-hover !default;
|
|
331
361
|
$ribbon-group-button-active-background: rgba($content-bg-color-selected) !default;
|
|
332
362
|
$ribbon-group-button-text-active-color: $content-text-color-selected !default;
|
|
333
363
|
$ribbon-group-button-selected-background: rgba($content-bg-color-selected) !default;
|
|
364
|
+
$ribbon-group-button-pressed-background: $ribbon-group-button-selected-background !default;
|
|
334
365
|
$ribbon-group-button-border-color: rgba($secondary-outline-border) !default;
|
|
335
366
|
$ribbon-popup-common-bg-color: $flyout-bg-color !default;
|
|
336
367
|
$ribbon-popup-common-border-radius: 4px !default;
|
|
@@ -342,9 +373,13 @@ $ribbon-contextual-tab-background: rgba($content-bg-color-selected) !default;
|
|
|
342
373
|
$ribbon-keytip-background-color: rgba($tooltip-bg-color) !default;
|
|
343
374
|
$ribbon-keytip-color: rgba($tooltip-text-color) !default;
|
|
344
375
|
$ribbon-gallery-popup-background-color: rgba($content-bg-color) !default;
|
|
345
|
-
$ribbon-gallery-item-background-color: $transparent !default;
|
|
376
|
+
$ribbon-gallery-popup-item-background-color: $transparent !default;
|
|
377
|
+
$ribbon-gallery-wrapper-background-color: rgba($content-bg-color) !default;
|
|
378
|
+
$ribbon-gallery-wrapper-item-background-color: $transparent !default;
|
|
346
379
|
$ribbon-gallery-item-selected-color: rgba($content-bg-color-selected) !default;
|
|
347
|
-
$ribbon-gallery-button-
|
|
380
|
+
$ribbon-gallery-button-icon-color: rgba($icon-color) !default;
|
|
381
|
+
$ribbon-gallery-button-selected-icon-color: rgba($icon-color) !default;
|
|
382
|
+
$ribbon-gallery-button-selected-color: rgba($content-bg-color-selected) !default;
|
|
348
383
|
$ribbon-gallery-hover-background-color: $content-bg-color-hover !default;
|
|
349
384
|
$ribbon-gallery-item-disabled-color: $transparent !default;
|
|
350
385
|
$ribbon-gallery-item-focus-border-color: rgba($border-focus) !default;
|
|
@@ -357,3 +392,5 @@ $ribbon-gallery-item-disabled-icons-color: $content-text-color-disabled !default
|
|
|
357
392
|
$ribbon-gallery-item-selected-text-color: rgba($content-text-color) !default;
|
|
358
393
|
$ribbon-gallery-item-selected-icons-color: $ribbon-items-icon-color !default;
|
|
359
394
|
$ribbon-gallery-popup-box-shadow: $shadow-sm !default;
|
|
395
|
+
$ribbon-group-button-item-border: 1px solid $ribbon-group-button-border-color !default;
|
|
396
|
+
$ribbon-items-focus-box-shadow: none !default;
|