From 7394e691d738bd66dee7f534392df902b032c244 Mon Sep 17 00:00:00 2001
From: ache <ache@ache.one>
Date: Sat, 2 Oct 2021 22:06:13 +0200
Subject: Zen mode CSS based

---
 src/css/design.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'src/css/design.scss')

diff --git a/src/css/design.scss b/src/css/design.scss
index f09d695..3bddd61 100755
--- a/src/css/design.scss
+++ b/src/css/design.scss
@@ -28,6 +28,23 @@ body {
   color: #333333;
   word-wrap: break-word;
   font-size: 16px;
+
+  --width_panel: 100%;
+  @media #{$gt-gsm} {
+    --width_panel: 290px;
+    --width_panel_bis: 290px;
+  }
+
+  #side-bar {
+    width: var(--width_panel);
+    left: calc(var(--width_panel_bis) - var(--width_panel);
+    transition: width 1s ease-in-out 1s;
+    transition: left 0.25s ease-out 0.25s;
+  }
+  & > div  {
+    margin-left: calc(var(--width_panel_bis) + 10px);
+    transition: margin-left 0.25s ease-out 0.25s;
+  }
 }
 #harr {
   cursor: pointer;
-- 
cgit v1.2.3