@@ -14,25 +14,26 @@ html > header { width:*; flow:horizontal; height:window-caption-height; margin:0
1414html > header > window-caption { display : block; line-height : window-caption-height; width : * ; padding: 0 1em ; color : color (text-color); }
1515html > header > window-buttons { display : block; flow : horizontal; width : max-content; height: * ; }
1616html > header > window-buttons > window-button {
17- behavior : clickable;
18- display : block;
19- height : window-button-height;
20- width : window-button-width;
17+ behavior : clickable;
18+ display : block;
19+ height : * ;
20+ width: window-button-width;
2121 foreground-size : 11dip ;
2222 foreground-repeat : no-repeat;
2323 foreground-position : 50% 50% ;
2424 stroke : color (text-color);
2525 stroke-width : 1dip ;
26+ transition : background-color linear 100ms ;
2627}
2728html > header > window-buttons > window-button : hover {
28- background : rgba (0 , 0 , 0 , 0.25 );
29- transition : background-color (linear, 50ms );
29+ background : rgba (0 , 0 , 0 , 0.25 );
3030}
3131html > header > window-buttons > window-button [role = "window-close" ] { stroke-width : 1.44dip ; foreground-image : url (path:M0 0 L10 10 M10 0 L0 10 ); }
3232html > header > window-buttons > window-button [role = "window-close" ]: hover { background : rgb (232 , 17 , 35 ); stroke : # fff ; }
3333
3434html > header > window-buttons > window-button [role = "window-maximize" ] { foreground-image : url (path:M0 0 H10 V10 H0 Z); }
3535
36+ html [window-state = "maximized" ] { border-color : transparent; }
3637html [window-state = "maximized" ] > header > window-buttons > window-button [role = "window-maximize" ] { foreground-image : url (path:M0 2 h8 v8 h-8 Z M2 2 v-2 h8 v8 h-2); }
3738html > header > window-buttons > window-button [role = "window-minimize" ] { foreground-image : url (path:M0 0 M0 5 H10 M10 10 ); }
3839
0 commit comments