summaryrefslogtreecommitdiff
path: root/src/css/design.scss
diff options
context:
space:
mode:
authorache <ache@ache.one>2021-10-02 22:06:13 +0200
committerache <ache@ache.one>2021-10-02 22:06:13 +0200
commit7394e691d738bd66dee7f534392df902b032c244 (patch)
treea2c5b6e1ae7ef5e8bcd35c180634fecbfb22f053 /src/css/design.scss
parentModification description (diff)
Zen mode CSS based
Diffstat (limited to 'src/css/design.scss')
-rwxr-xr-xsrc/css/design.scss17
1 files changed, 17 insertions, 0 deletions
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;