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