53 lines
1.3 KiB
Sass
53 lines
1.3 KiB
Sass
@import "_mixins/all"
|
|
|
|
#slider
|
|
position: absolute
|
|
height: 100%
|
|
top: 0
|
|
left: -10px
|
|
width: 10px
|
|
border-left: 1px solid $color-border-normal
|
|
border-bottom: 1px solid $color-border-normal
|
|
background-color: $color-bg-slider
|
|
cursor: pointer
|
|
|
|
.icon
|
|
width: 0
|
|
height: 0
|
|
position: absolute
|
|
top: 15px
|
|
border-color: $color-border-slider-normal $color-border-slider-normal $color-border-slider-normal $color-border-slider-light
|
|
border-width: 5px 0 5px 5px
|
|
border-style: solid
|
|
margin-top: -5px
|
|
margin-left: 3px
|
|
|
|
&:hover
|
|
background: $color-border-slider-hover
|
|
.icon
|
|
border-color: $color-border-slider-hover $color-border-slider-hover $color-border-slider-hover $color-border-slider-light
|
|
|
|
#home,
|
|
#profile
|
|
&.maximized
|
|
#main
|
|
padding-right: 40px
|
|
|
|
#right
|
|
width: 0
|
|
padding: 0
|
|
*:not(#slider):not(.icon):not(.ember-view)
|
|
display: none
|
|
|
|
#slider
|
|
left: -20px
|
|
width: 20px
|
|
z-index: 50
|
|
.icon
|
|
border-color: $color-border-slider-normal $color-border-slider-light $color-border-slider-normal $color-border-slider-normal
|
|
border-width: 5px 5px 5px 0
|
|
|
|
&:hover
|
|
.icon
|
|
border-color: $color-border-slider-hover $color-border-slider-light $color-border-slider-hover $color-border-slider-hover
|