/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */ @define-color foreground #be9eda; @define-color color6 #834ABD; window { font-family: b612; font-size: 16pt; color: @foreground; /* text */ background-color: rgba(24, 27, 32, 0.2); } button { background-repeat: no-repeat; background-position: center; background-size: 20%; background-color: transparent; animation: gradient_f 20s ease-in infinite; transition: all 0.3s ease-in; box-shadow: 0 0 10px 2px transparent; border-radius: 36px; margin: 10px; } button:focus { box-shadow: none; background-size : 20%; } button:hover { background-size: 50%; box-shadow: 0 0 10px 3px rgba(0,0,0,.4); background-color: @color6; color: transparent; transition: all 0.3s cubic-bezier(.55, 0.0, .28, 1.682), box-shadow 0.5s ease-in; } #lock { background-image: image(url("/usr/share/wlogout/icons/lock.png"), url("/usr/local/share/wlogout/icons/lock.png")); } #logout { background-image: image(url("/usr/share/wlogout/icons/logout.png"), url("/usr/local/share/wlogout/icons/logout.png")); } #shutdown { background-image: image(url("/usr/share/wlogout/icons/shutdown.png"), url("/usr/local/share/wlogout/icons/shutdown.png")); } #reboot { background-image: image(url("/usr/share/wlogout/icons/reboot.png"), url("/usr/local/share/wlogout/icons/reboot.png")); }