aboutsummaryrefslogtreecommitdiff
path: root/client-web/style/side.sass
diff options
context:
space:
mode:
Diffstat (limited to 'client-web/style/side.sass')
-rw-r--r--client-web/style/side.sass25
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%)