浏览代码

sidebar close now uses stylus sidebar-width variable

Skylsmoi 7 年前
父节点
当前提交
a0280f1e70
共有 1 个文件被更改,包括 2 次插入5 次删除
  1. 2 5
      src/css/Sidebar.styl

+ 2 - 5
src/css/Sidebar.styl 查看文件

20
   z-index 1
20
   z-index 1
21
 
21
 
22
 sidebar-width = 300px
22
 sidebar-width = 300px
23
-.sidebar-visible
24
-  .sidebar-expandbar
25
-    left sidebar-width
26
 
23
 
27
 leftside()
24
 leftside()
28
   flex-grow 0
25
   flex-grow 0
36
   width 300px
33
   width 300px
37
   &.sidebarclose
34
   &.sidebarclose
38
     width 0
35
     width 0
39
-    transform translateX(-300px)
36
+    transform translateX("-%s" % sidebar-width)
40
     .sidebar__expand
37
     .sidebar__expand
41
-      right -339px
38
+      right "calc(-%s - 39px)" % sidebar-width
42
   &__expand
39
   &__expand
43
     position absolute
40
     position absolute
44
     top 0
41
     top 0