1@charset "UTF-8";
2
3headerbar, .titlebar {
4    button.titlebutton {
5        &.close {
6            background-image: url('assets/close-normal.svg');
7        }
8        &.close:hover {
9            background-image: url('assets/close-hover.svg');
10        }
11        &.close:active {
12            background-image: url('assets/close-active.svg');
13        }
14
15        &.close:backdrop {
16            background-image: url('assets/close-backdrop-normal.svg');
17        }
18        &.close:backdrop:hover {
19            background-image: url('assets/close-backdrop-hover.svg');
20        }
21        &.close:backdrop:active {
22            background-image: url('assets/close-backdrop-active.svg');
23        }
24
25        &.maximize {
26            background-image: url('assets/maximize-normal.svg');
27        }
28        &.maximize:hover {
29            background-image: url('assets/maximize-hover.svg');
30        }
31        &.maximize:active {
32            background-image: url('assets/maximize-active.svg');
33        }
34
35        &.maximize:backdrop {
36            background-image: url('assets/maximize-backdrop-normal.svg');
37        }
38        &.maximize:backdrop:hover {
39            background-image: url('assets/maximize-backdrop-hover.svg');
40        }
41        &.maximize:backdrop:active {
42            background-image: url('assets/maximize-backdrop-active.svg');
43        }
44
45        &.minimize {
46            background-image: url('assets/minimize-normal.svg');
47        }
48        &.minimize:hover {
49            background-image: url('assets/minimize-hover.svg');
50        }
51        &.minimize:active {
52            background-image: url('assets/minimize-active.svg');
53        }
54
55        &.minimize:backdrop {
56            background-image: url('assets/minimize-backdrop-normal.svg');
57        }
58        &.minimize:backdrop:hover {
59            background-image: url('assets/minimize-backdrop-hover.svg');
60        }
61        &.minimize:backdrop:active {
62            background-image: url('assets/minimize-backdrop-active.svg');
63        }
64    }
65
66    .maximized & {
67        button.titlebutton {
68            &.maximize {
69                background-image: url('assets/maximized-normal.svg');
70            }
71            &.maximize:hover {
72                background-image: url('assets/maximized-hover.svg');
73            }
74            &.maximize:active {
75                background-image: url('assets/maximized-active.svg');
76            }
77
78            &.maximize:backdrop {
79                background-image: url('assets/maximized-backdrop-normal.svg');
80            }
81            &.maximize:backdrop:hover {
82                background-image: url('assets/maximized-backdrop-hover.svg');
83            }
84            &.maximize:backdrop:active {
85                background-image: url('assets/maximized-backdrop-active.svg');
86            }
87        }
88    }
89}
90