diff options
| author | Fuwn <[email protected]> | 2024-10-09 00:41:20 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-10-09 00:41:43 -0700 |
| commit | 998b63a35256ac985a5a2714dd1ca451af4dfd8a (patch) | |
| tree | 50796121a9d5ab0330fdc5d7e098bda2860d9726 /src/styles/badge.css | |
| parent | feat(graphql): add badgeCount field (diff) | |
| download | due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.tar.xz due.moe-998b63a35256ac985a5a2714dd1ca451af4dfd8a.zip | |
chore(prettier): use spaces instead of tabs
Diffstat (limited to 'src/styles/badge.css')
| -rw-r--r-- | src/styles/badge.css | 98 |
1 files changed, 49 insertions, 49 deletions
diff --git a/src/styles/badge.css b/src/styles/badge.css index 8a79333f..764ce7c3 100644 --- a/src/styles/badge.css +++ b/src/styles/badge.css @@ -1,69 +1,69 @@ .button-badge:hover { - background-color: var(--base0C); - cursor: unset; + background-color: var(--base0C); + cursor: unset; } .button-badge { - vertical-align: unset; - transform: unset; - margin-top: unset; + vertical-align: unset; + transform: unset; + margin-top: unset; } .button-badge:active { - transform: scale(0.75); + transform: scale(0.75); } .badge-info { - background-color: var(--base0E); + background-color: var(--base0E); } .badge-info:hover { - background-color: var(--base0E); + background-color: var(--base0E); } .badge-rainbow { - color: var(--base07); - animation: rainbow 20s ease-in-out infinite; + color: var(--base07); + animation: rainbow 20s ease-in-out infinite; } @keyframes rainbow { - 0% { - background: rgba(0, 105, 255, 0.71); - } - 10% { - background: rgba(100, 0, 255, 0.71); - } - 20% { - background: rgba(255, 0, 139, 0.71); - } - 30% { - background: rgba(255, 0, 0, 0.71); - } - 40% { - background: rgba(255, 96, 0, 0.71); - } - 50% { - background: rgba(202, 255, 0, 0.71); - } - 60% { - background: rgba(0, 255, 139, 0.71); - } - 70% { - background: rgba(202, 255, 0, 0.71); - } - 80% { - background: rgba(255, 96, 0, 0.71); - } - 85% { - background: rgba(255, 0, 0, 0.71); - } - 90% { - background: rgba(255, 0, 139, 0.71); - } - 95% { - background: rgba(100, 0, 255, 0.71); - } - to { - background: rgba(0, 105, 255, 0.71); - } + 0% { + background: rgba(0, 105, 255, 0.71); + } + 10% { + background: rgba(100, 0, 255, 0.71); + } + 20% { + background: rgba(255, 0, 139, 0.71); + } + 30% { + background: rgba(255, 0, 0, 0.71); + } + 40% { + background: rgba(255, 96, 0, 0.71); + } + 50% { + background: rgba(202, 255, 0, 0.71); + } + 60% { + background: rgba(0, 255, 139, 0.71); + } + 70% { + background: rgba(202, 255, 0, 0.71); + } + 80% { + background: rgba(255, 96, 0, 0.71); + } + 85% { + background: rgba(255, 0, 0, 0.71); + } + 90% { + background: rgba(255, 0, 139, 0.71); + } + 95% { + background: rgba(100, 0, 255, 0.71); + } + to { + background: rgba(0, 105, 255, 0.71); + } } |