1 /* Copyright (c) 2019 AT&T Intellectual Property. #
\r
3 # Licensed under the Apache License, Version 2.0 (the "License"); #
\r
4 # you may not use this file except in compliance with the License. #
\r
5 # You may obtain a copy of the License at #
\r
7 # http://www.apache.org/licenses/LICENSE-2.0 #
\r
9 # Unless required by applicable law or agreed to in writing, software #
\r
10 # distributed under the License is distributed on an "AS IS" BASIS, #
\r
11 # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. #
\r
12 # See the License for the specific language governing permissions and #
\r
13 # limitations under the License. #
\r
14 ##############################################################################*/
\r
17 $topnav-background-color: #000;
\r
27 margin-right: -235px;
\r
31 background-color: $topnav-background-color;
\r
34 padding-bottom: 40px;
\r
35 -webkit-transition: all 0.2s ease-in-out;
\r
36 -moz-transition: all 0.2s ease-in-out;
\r
37 -ms-transition: all 0.2s ease-in-out;
\r
38 -o-transition: all 0.2s ease-in-out;
\r
39 transition: all 0.2s ease-in-out;
\r
40 // border-top: 1px solid rgba(255,255,255,0.3);
\r
43 background: $topnav-background-color;
\r
47 text-decoration: none;
\r
53 background: lighten($topnav-background-color, 10%);
\r
56 a.router-link-active {
\r
57 background: lighten($topnav-background-color, 10%);
\r
63 > .list-group-item:first-child {
\r
64 border-top: 1px solid rgba(255, 255, 255, 0.2);
\r
70 border-radius: none;
\r
79 text-decoration: none;
\r
81 background: $topnav-background-color;
\r
85 padding: 0.75rem 1.5rem;
\r
93 outline-offset: -2px;
\r
96 .panel-title:hover {
\r
97 background: lighten($topnav-background-color, 10%);
\r
105 background-color: $topnav-background-color;
\r
106 border: 0 solid transparent;
\r
114 .list-group-item:hover {
\r
115 background: lighten($topnav-background-color, 10%);
\r
126 list-style-type: none;
\r
135 list-style-type: none;
\r
147 @media screen and (max-width: 992px) {
\r
155 display: none !important;
\r
158 @media (min-width: 992px) {
\r
164 ::-webkit-scrollbar {
\r
168 ::-webkit-scrollbar-track {
\r
169 -webkit-box-shadow: inset 0 0 0px rgba(255, 255, 255, 1);
\r
170 border-radius: 3px;
\r
173 ::-webkit-scrollbar-thumb {
\r
174 border-radius: 3px;
\r
175 -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 1);
\r