diff options
author | ache <ache@ache.one> | 2021-10-02 22:06:13 +0200 |
---|---|---|
committer | ache <ache@ache.one> | 2021-10-02 22:06:13 +0200 |
commit | 7394e691d738bd66dee7f534392df902b032c244 (patch) | |
tree | a2c5b6e1ae7ef5e8bcd35c180634fecbfb22f053 /src/css/design.scss | |
parent | Modification description (diff) |
Zen mode CSS based
Diffstat (limited to 'src/css/design.scss')
-rwxr-xr-x | src/css/design.scss | 17 |
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; |