From bf0a57609d3792863c1f20a9d2d4b5bd7b0c7576 Mon Sep 17 00:00:00 2001 From: metamuffin Date: Sun, 25 Jun 2023 00:31:43 +0200 Subject: refactor + animate sidebar --- client-web/style/side.sass | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 client-web/style/side.sass (limited to 'client-web/style/side.sass') 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%) -- cgit v1.2.3-70-g09d2