blob: a6c718b7db0d7c72b5e5bb46c9a021e40909e72c [file] [log] [blame]
Matteo Scandolofb46ae62017-08-08 09:10:50 -07001
2/*
3 * Copyright 2017-present Open Networking Foundation
4
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
8
9 * http://www.apache.org/licenses/LICENSE-2.0
10
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
16 */
17
18
Matteo Scandolo9d7940c2017-01-19 18:28:43 -080019@import './../../style/vars.scss';
20
21$side-panel-width: 400px;
22
23xos-side-panel {
Matteo Scandoloc3804aa2017-08-09 16:00:43 -070024 .full-height {
25 height: 97%;
26 & > .full-height {
27 height: 100%;
28 }
29 }
Matteo Scandolo9d7940c2017-01-19 18:28:43 -080030 .xos-side-panel {
31 width: $side-panel-width;
32 height: 100%;
33 position: fixed;
Matteo Scandolo9d7940c2017-01-19 18:28:43 -080034 z-index: 9999;
Matteo Scandolo520a8a12017-03-10 17:31:37 -080035 top: 0;
Matteo Scandolo9d7940c2017-01-19 18:28:43 -080036 right: -$side-panel-width;
Matteo Scandolo520a8a12017-03-10 17:31:37 -080037 background: $background-dark-color;
Matteo Scandolo9d7940c2017-01-19 18:28:43 -080038 padding: $padding;
39 transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1.000);
Matteo Scandolo520a8a12017-03-10 17:31:37 -080040 overflow-y: scroll;
Matteo Scandolo9d7940c2017-01-19 18:28:43 -080041
42 &.open {
43 right: 0;
44 }
45 }
46}