Matteo Scandolo | 9d7940c | 2017-01-19 18:28:43 -0800 | [diff] [blame] | 1 | @import './../../style/vars.scss'; |
2 | |||||
3 | $side-panel-width: 400px; | ||||
4 | |||||
5 | xos-side-panel { | ||||
6 | .xos-side-panel { | ||||
7 | width: $side-panel-width; | ||||
8 | height: 100%; | ||||
9 | position: fixed; | ||||
10 | background: $background-dark-color; | ||||
11 | z-index: 9999; | ||||
12 | right: -$side-panel-width; | ||||
13 | padding: $padding; | ||||
14 | transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1.000); | ||||
15 | |||||
16 | &.open { | ||||
17 | right: 0; | ||||
18 | } | ||||
19 | } | ||||
20 | } |