29 lines
742 B
CSS
Executable File
29 lines
742 B
CSS
Executable File
/* AGPLv3 License
|
|
Floating Status Bar
|
|
Author: AnubisNekhet
|
|
Note: If you decide to implement it in your theme or redistribute it, please keep this comment (Especially for *certain* individuals who may try to rebrand it as their own :))
|
|
Support me: https://buymeacoffee.com/AnubisNekhet
|
|
*/
|
|
body {
|
|
--status-bar-position: absolute;
|
|
--status-bar-radius: var(--radius-m);
|
|
}
|
|
body .status-bar {
|
|
transform: translateX(calc(100% + 5px));
|
|
transition: transform 300ms 150ms;
|
|
bottom: 5px;
|
|
right: 5px;
|
|
}
|
|
body .status-bar::before {
|
|
width: 100%;
|
|
min-height: 100%;
|
|
content: " ";
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
transform: translateX(-100%);
|
|
}
|
|
body .status-bar:hover {
|
|
transform: none;
|
|
transition: transform 300ms 150ms;
|
|
} |