Sidebar.styl 2.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. .sidebar-expandbar
  2. position absolute
  3. left 0
  4. display none
  5. border 1px solid dark-blue
  6. border-top-width 2px
  7. padding 11px 15px
  8. background-color blue
  9. z-index 2
  10. &__icon
  11. font-size 18px
  12. text-align center
  13. cursor pointer
  14. &:hover
  15. color white
  16. .sidebar
  17. display none
  18. height 100%
  19. background-color dark-blue
  20. z-index 1
  21. sidebar-width = 300px
  22. .sidebar-visible
  23. .sidebar-expandbar
  24. left sidebar-width
  25. .sidebar
  26. display table-cell
  27. vertical-align top
  28. .containerdocument
  29. display table-cell
  30. vertical-align top
  31. .sidebar
  32. padding-top 87px
  33. &__btnnewworkspace
  34. margin-top 40px
  35. padding 10px
  36. width 100%
  37. &__btn
  38. display block
  39. margin 0 auto
  40. padding 15px 30px
  41. &__navigation
  42. padding 0
  43. &__menu
  44. &__workspace
  45. flex-direction column
  46. &__item
  47. position relative
  48. margin-top 2px
  49. width sidebar-width
  50. background-color blue
  51. cursor pointer
  52. &__number
  53. display inline-block
  54. padding 5px 0 5px 0
  55. width 50px
  56. font-size 20px
  57. letter-spacing 2px
  58. text-align center
  59. background-color light-blue
  60. &__name
  61. display inline-block
  62. vertical-align top
  63. padding 5px 5px
  64. width 220px
  65. font-size 20px
  66. color white
  67. white-space nowrap
  68. overflow hidden
  69. text-overflow ellipsis
  70. &__icon
  71. display inline-block
  72. color white
  73. &__submenu
  74. margin-bottom 0
  75. padding-left 0
  76. list-style none
  77. background-color opacity-blue
  78. &__dropdown
  79. border-top 1px solid dark-blue
  80. &:hover
  81. background-color light-blue
  82. &__showdropdown
  83. padding 10px 0
  84. .dropdown__icon
  85. display inline-block
  86. margin 0 35px 0 15px
  87. font-size 20px
  88. .dropdown__title
  89. position relative
  90. display inline-block
  91. font-size 18px
  92. font-weight 400
  93. color dark-grey
  94. cursor pointer
  95. &::after //bootstrap override
  96. position absolute
  97. top 10px
  98. left 100%
  99. &__text
  100. display inline-block
  101. width 200px
  102. .dropdown__subdropdown
  103. border-radius 0
  104. padding 0
  105. .alignname
  106. display inline-block
  107. font-size 18px
  108. &__item
  109. cursor pointer
  110. border-top 1px solid dark-blue
  111. padding 13px 0
  112. &__iconfile
  113. padding-left 18px
  114. &__textfile
  115. margin-left 38px