|
34 | 34 | // * Menu toggle split button |
35 | 35 | --#{$menu-toggle}--m-split-button--Color: var(--pf-t--global--text--color--regular); |
36 | 36 | --#{$menu-toggle}--m-split-button--BackgroundColor: var(--pf-t--global--background--color--control--default); |
| 37 | + --#{$menu-toggle}--m-split-button--m-action--m-secondary--BackgrounColor: var(--pf-t--global--background--color--backdrop--default); |
37 | 38 |
|
38 | 39 | // * Menu toggle split button action |
39 | 40 | --#{$menu-toggle}--m-action--ColumnGap: var(--pf-t--global--border--width--control--default); |
|
59 | 60 |
|
60 | 61 | // * Menu toggle secondary |
61 | 62 | --#{$menu-toggle}--m-secondary--Color: var(--pf-t--global--color--brand--default); |
| 63 | + --#{$menu-toggle}--m-secondary--BackgroundColor: var(--pf-t--global--color--brand--default); |
62 | 64 | --#{$menu-toggle}--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default); |
63 | 65 | --#{$menu-toggle}--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--button--hover); |
64 | 66 |
|
|
103 | 105 | border: 0; |
104 | 106 | } |
105 | 107 |
|
106 | | -.#{$menu-toggle}, |
107 | 108 | .#{$menu-toggle}__control, |
108 | 109 | .#{$menu-toggle}__count { |
109 | 110 | display: flex; |
|
114 | 115 | // - Menu toggle |
115 | 116 | .#{$menu-toggle} { |
116 | 117 | position: relative; |
117 | | - width: min-content; |
| 118 | + display: inline-flex; |
118 | 119 | column-gap: var(--#{$menu-toggle}--ColumnGap); |
| 120 | + align-items: center; |
| 121 | + justify-content: center; |
| 122 | + width: min-content; |
119 | 123 | min-width: var(--#{$menu-toggle}--MinWidth); |
120 | 124 | max-width: 100%; |
121 | 125 | padding-inline-start: var(--#{$menu-toggle}--PaddingLeft); |
|
370 | 374 | justify-content: center; |
371 | 375 | width: var(--#{$menu-toggle}__toggle-icon--Width); |
372 | 376 | height: var(--#{$menu-toggle}__toggle-icon--Height, var(--#{$menu-toggle}__toggle-icon--Width)); |
| 377 | + color: var(--#{$menu-toggle}__toggle-icon--Color, inherit); |
373 | 378 | font-size: var(--#{$menu-toggle}__icon--FontSize); |
374 | 379 | line-height: inherit; |
375 | | - color: var(--#{$menu-toggle}__toggle-icon--Color, inherit); |
376 | 380 | } |
377 | 381 |
|
378 | 382 |
|
|
0 commit comments