123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- .sidebar-expandbar
- position absolute
- left 0
- display none
- border 1px solid darkBlue
- border-top-width 2px
- padding 11px 15px
- background-color blue
- z-index 2
- &__icon
- font-size 18px
- text-align center
- cursor pointer
- &:hover
- color white
-
- .sidebar
- display none
- min-height 100%
- background-color secondColor
- z-index 1
-
- sidebar-width = 300px
- .sidebar-visible
- .sidebar-expandbar
- left sidebar-width
-
- leftside()
- flex-grow 0
- height 100%
- font-size 18px
- background-color rgba(253,253,253,0.3)
-
- .sidebar
- &__btnnewworkspace
- margin-top 40px
- padding 10px
- width 100%
- &__btn
- display block
- margin 0 auto
- padding 15px 30px
- &__navigation
- padding 0
- &__workspace
- padding-left 0
- list-style none
- &__item
- width sidebar-width
- &__wrapper
- display flex
- align-items center
- border-bottom 1px solid darkBlue
- width 100%
- height 100%
- background-color blue
- cursor pointer
- &__number
- leftside()
- padding 12px
- min-width 50px
- letter-spacing 2px
- &__name
- flex-grow 2
- padding 10px
- font-size 20px
- color off-white
- white-space nowrap
- overflow hidden
- text-overflow ellipsis
- &__icon
- flex-grow 0
- padding 10px
- color white
- &__submenu
- margin 0
- padding 0
- width 100%
- background-color fourthColor
- overflow hidden
- &__dropdown
- display flex
- align-items center
- border-top 1px solid darkBlue
- cursor pointer
- &:nth-last-child(1)
- border-bottom 1px solid darkBlue
- &:hover
- background-color lightBlue
- &__showdropdown
- display flex
- justify-content space-between
- align-items center
- padding 0 10px
- width 100%
- .dropdown__icon
- padding 10px 15px
- min-width 50px
- leftside()
|