| 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; |
| Matteo Scandolo | 9d7940c | 2017-01-19 18:28:43 -0800 | [diff] [blame] | 10 | z-index: 9999; |
| Matteo Scandolo | 520a8a1 | 2017-03-10 17:31:37 -0800 | [diff] [blame^] | 11 | top: 0; |
| Matteo Scandolo | 9d7940c | 2017-01-19 18:28:43 -0800 | [diff] [blame] | 12 | right: -$side-panel-width; |
| Matteo Scandolo | 520a8a1 | 2017-03-10 17:31:37 -0800 | [diff] [blame^] | 13 | background: $background-dark-color; |
| Matteo Scandolo | 9d7940c | 2017-01-19 18:28:43 -0800 | [diff] [blame] | 14 | padding: $padding; |
| 15 | transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1.000); |
| Matteo Scandolo | 520a8a1 | 2017-03-10 17:31:37 -0800 | [diff] [blame^] | 16 | overflow-y: scroll; |
| Matteo Scandolo | 9d7940c | 2017-01-19 18:28:43 -0800 | [diff] [blame] | 17 | |
| 18 | &.open { |
| 19 | right: 0; |
| 20 | } |
| 21 | } |
| 22 | } |