diff options
| author | metamuffin <metamuffin@disroot.org> | 2023-06-25 00:31:43 +0200 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2023-06-25 00:31:43 +0200 |
| commit | bf0a57609d3792863c1f20a9d2d4b5bd7b0c7576 (patch) | |
| tree | 6267b2d3421b7bccc29cf3d9d99968cbdcf33f5f /client-web/style/side.sass | |
| parent | b408b2ebcafddde5a93a3f708d815fcf740607fb (diff) | |
| download | keks-meet-bf0a57609d3792863c1f20a9d2d4b5bd7b0c7576.tar keks-meet-bf0a57609d3792863c1f20a9d2d4b5bd7b0c7576.tar.bz2 keks-meet-bf0a57609d3792863c1f20a9d2d4b5bd7b0c7576.tar.zst | |
refactor + animate sidebar
Diffstat (limited to 'client-web/style/side.sass')
| -rw-r--r-- | client-web/style/side.sass | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/client-web/style/side.sass b/client-web/style/side.sass new file mode 100644 index 0000000..0f4e97c --- /dev/null +++ b/client-web/style/side.sass @@ -0,0 +1,25 @@ + +.side-ui + flex: 0 + >div + width: 50em + float: right + + >div.animate-in + animation-name: side-slide-in + animation-duration: 0.5s + >div.animate-out + animation-name: side-slide-out + animation-duration: 0.5s + +@keyframes side-slide-in + from + transform: translateX(100%) + to + transform: translateX(0%) + +@keyframes side-slide-out + from + transform: translateX(0%) + to + transform: translateX(100%) |