kded/scss/window_decorations.scss

0001 @charset "UTF-8";
0002
0003 headerbar, .titlebar {
0004     button.titlebutton {
0005         &.close {
0006             background-image: url('assets/close-normal.svg');
0007         }
0008         &.close:hover {
0009             background-image: url('assets/close-hover.svg');
0010         }
0011         &.close:active {
0012             background-image: url('assets/close-active.svg');
0013         }
0014
0015         &.close:backdrop {
0016             background-image: url('assets/close-backdrop-normal.svg');
0017         }
0018         &.close:backdrop:hover {
0019             background-image: url('assets/close-backdrop-hover.svg');
0020         }
0021         &.close:backdrop:active {
0022             background-image: url('assets/close-backdrop-active.svg');
0023         }
0024
0025         &.maximize {
0026             background-image: url('assets/maximize-normal.svg');
0027         }
0028         &.maximize:hover {
0029             background-image: url('assets/maximize-hover.svg');
0030         }
0031         &.maximize:active {
0032             background-image: url('assets/maximize-active.svg');
0033         }
0034
0035         &.maximize:backdrop {
0036             background-image: url('assets/maximize-backdrop-normal.svg');
0037         }
0038         &.maximize:backdrop:hover {
0039             background-image: url('assets/maximize-backdrop-hover.svg');
0040         }
0041         &.maximize:backdrop:active {
0042             background-image: url('assets/maximize-backdrop-active.svg');
0043         }
0044
0045         &.minimize {
0046             background-image: url('assets/minimize-normal.svg');
0047         }
0048         &.minimize:hover {
0049             background-image: url('assets/minimize-hover.svg');
0050         }
0051         &.minimize:active {
0052             background-image: url('assets/minimize-active.svg');
0053         }
0054
0055         &.minimize:backdrop {
0056             background-image: url('assets/minimize-backdrop-normal.svg');
0057         }
0058         &.minimize:backdrop:hover {
0059             background-image: url('assets/minimize-backdrop-hover.svg');
0060         }
0061         &.minimize:backdrop:active {
0062             background-image: url('assets/minimize-backdrop-active.svg');
0063         }
0064     }
0065
0066     .maximized & {
0067         button.titlebutton {
0068             &.maximize {
0069                 background-image: url('assets/maximized-normal.svg');
0070             }
0071             &.maximize:hover {
0072                 background-image: url('assets/maximized-hover.svg');
0073             }
0074             &.maximize:active {
0075                 background-image: url('assets/maximized-active.svg');
0076             }
0077
0078             &.maximize:backdrop {
0079                 background-image: url('assets/maximized-backdrop-normal.svg');
0080             }
0081             &.maximize:backdrop:hover {
0082                 background-image: url('assets/maximized-backdrop-hover.svg');
0083             }
0084             &.maximize:backdrop:active {
0085                 background-image: url('assets/maximized-backdrop-active.svg');
0086             }
0087         }
0088     }
0089 }