diff options
Diffstat (limited to 'server/web/game/style.css')
| -rw-r--r-- | server/web/game/style.css | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/server/web/game/style.css b/server/web/game/style.css index dd0e421..83f06ad 100644 --- a/server/web/game/style.css +++ b/server/web/game/style.css @@ -1,3 +1,59 @@ .hidden { display: none; } + +#distance { + + & .label { + position: relative; + + bottom: 0; + margin-bottom: 4px; + + &.pool-name { + left: 0; + } + + &.pool-value { + right: 0; + } + } + + & .content { + display: flex; + justify-content: center; + + & input[type=checkbox] { + pointer-events: none; + -webkit-appearance: none; + appearance: none; + background-color: transparent; + margin: 4px; + font-size: 2em; + + @media (prefers-reduced-motion: no-preference) { + animation: 5s shake ease-in-out alternate infinite; + } + + &::before { + color: lightseagreen; + content: "" + } + + &:checked { + &::before { + content: "🌸" + } + } + } + } +} + +@keyframes shake { + from { + transform: translateY(0) rotateZ(0deg) + } + to { + transform: translateY(12%) rotateZ(60deg) + } +}
\ No newline at end of file |