blob: 0d5d50823c58ee8df76f19f2686ca07feb774d6d [file] [log] [blame]
Matteo Scandoloe6393f02016-05-23 14:27:52 -07001@import '../../../../style/sass/lib/_variables.scss';
2
3xos-side-panel{
4
5 .xos-side-panel-content{
6 position: fixed;
7 width: 30%;
8 height: 100%;
9 padding: 25px;
10 background: #fff;
11 overflow: scroll;
12
13 &.right {
14 border-left: 1px solid $gray;
15 top: 0;
16 //right: -35%;
17 right: 0;
18 visibility: hidden;
19 box-shadow: -10px 0px 20px -8px rgba(0,0,0,0.75);
20 }
21
22 &.right.out {
23 animation: 0.5s slideOutRight ease-in-out;
24 visibility: visible;
25 }
26
27 &.right.in {
28 animation: 0.5s slideInRight ease-in-out;
29 visibility: visible;
30 }
31 }
32}
33
34@keyframes slideInRight {
35 from {
36 transform: translate3d(100%, 0, 0);
37 visibility: visible;
38 }
39
40 to {
41 transform: translate3d(0, 0, 0);
42 }
43}
44
45@keyframes slideOutRight {
46 from {
47 transform: translate3d(0, 0, 0);
48 }
49
50 to {
51 visibility: hidden;
52 transform: translate3d(100%, 0, 0);
53 }
54}