3131Increase padding, but only for buttons that don't have an icon in the default slot.
3232Buttons that place an icon in the default slot are assumed to be icon-only buttons.
3333*/
34- : is (vaadin- butto n, vaadin- menu- bar- butto n, vaadin- drawer- to ggle): not ([slot = 'button' ]): not (
35- : has (: is (vaadin- icon, svg , i [class *= 'fa-' ], vaadin-avatar ): not ([slot ]))
36- ) {
34+ /* prettier-ignore */
35+ : is (vaadin- butto n, vaadin- menu- bar- butto n, vaadin- drawer- to ggle): not ([slot = 'button' ]): not (: has (: is (vaadin- icon, svg , i [class *= 'fa-' ], vaadin-avatar ): not ([slot ]))) {
3736 --vaadin-button-padding : round (var (--vaadin-padding-s ) / 1.4 , 1px )
3837 max (var (--vaadin-padding-m ), round (var (--vaadin-radius-m ) / 1.5 , 1px ));
3938}
4039
4140/* Decrease padding when an icon is placed in the prefix or suffix slot */
42- : is (vaadin- butto n, vaadin- menu- bar- butto n): not ([slot = 'button' ]): has (
43- [slot = 'prefix' ]: is (vaadin- icon, svg , i [class *= 'fa-' ], vaadin-avatar )
44- ),
41+ /* prettier-ignore */
42+ : is (vaadin- butto n, vaadin- menu- bar- butto n): not ([slot = 'button' ]): has ([slot = 'prefix' ]: is (vaadin- icon, svg , i [class *= 'fa-' ], vaadin-avatar )),
4543vaadin-drawer-toggle : empty {
4644 padding-inline-start : max (var (--vaadin-padding-s ), round (var (--vaadin-radius-m ) / 1.75 , 1px ));
4745}
4846
49- : is (vaadin- butto n, vaadin- menu- bar- butto n, vaadin- drawer- to ggle): not ([slot = 'button' ]): has (
50- [slot = 'suffix' ]: is (vaadin- icon, svg , i [class *= 'fa-' ], vaadin-avatar )
51- ),
47+ /* prettier-ignore */
48+ : is (vaadin- butto n, vaadin- menu- bar- butto n, vaadin- drawer- to ggle): not ([slot = 'button' ]): has ([slot = 'suffix' ]: is (vaadin- icon, svg , i [class *= 'fa-' ], vaadin-avatar )),
5249vaadin-drawer-toggle : empty,
5350vaadin-menu-bar-button [aria-haspopup = 'true' ] {
5451 padding-inline-end : max (var (--vaadin-padding-s ), round (var (--vaadin-radius-m ) / 1.75 , 1px ));
@@ -87,20 +84,15 @@ vaadin-menu-bar-button[aria-haspopup='true'] {
8784 opacity : 0.05 ;
8885 }
8986
90- : is (vaadin- butto n, vaadin-menu-bar-button, vaadin-drawer-toggle)[theme ~= 'primary' ]: hover : not (
91- [disabled ],
92- [active ]
93- )::before {
87+ /* prettier-ignore */
88+ : is (vaadin- butto n, vaadin-menu-bar-button, vaadin-drawer-toggle)[theme ~= 'primary' ]: hover : not ([disabled ], [active ])::before {
9489 opacity : 0.12 ;
9590 }
9691}
9792
9893@media (min-resolution : 2x ) {
99- : is (vaadin- butto n, vaadin-menu-bar-button[first-visible ][last-visible ], vaadin-drawer-toggle )[active ]: not (
100- [slot = 'button' ],
101- [disabled ],
102- [aria-disabled = 'true' ]
103- ) {
94+ /* prettier-ignore */
95+ : is (vaadin- butto n, vaadin-menu-bar-button[first-visible ][last-visible ], vaadin-drawer-toggle )[active ]: not ([slot = 'button' ], [disabled ], [aria-disabled = 'true' ]) {
10496 scale : 0.98 ;
10597 transition-duration : 50ms ;
10698 }
@@ -112,10 +104,8 @@ vaadin-menu-bar-button[aria-haspopup='true'] {
112104 background : oklch (from currentColor min (c, 1 - l + c) calc (c * 0.9 ) h);
113105}
114106
115- : is (vaadin- butto n, vaadin- menu- bar- butto n, vaadin- drawer- to ggle)[theme ~= 'primary' ][active ]: not (
116- [slot = 'button' ],
117- [disabled ]
118- )::before {
107+ /* prettier-ignore */
108+ : is (vaadin- butto n, vaadin- menu- bar- butto n, vaadin- drawer- to ggle)[theme ~= 'primary' ][active ]: not ([slot = 'button' ], [disabled ])::before {
119109 opacity : 0.16 ;
120110}
121111
0 commit comments