blob: d8f60455291acfdf462f5f469a279c4e2fa73c6e [file] [log] [blame]
// Copyright 2016 The Tulsi Authors. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
$drawer-bg-color: #fff;
$drawer-border-color: #e0e0e0;
$drawer-heading-color: #757575;
$drawer-hover-color: #f0f0f0;
.mdl-layout__drawer {
background-color: $drawer-bg-color;
.mdl-layout-title {
border-bottom: 1px solid $drawer-border-color;
padding-left: 24px;
a {
text-decoration: none;
color: $drawer-heading-color;
font-weight: normal;
}
}
}
.drawer-nav {
ul {
list-style: none;
padding-left: 0;
li {
display: block;
padding: 0;
ul {
li {
a {
padding-left: 44px;
font-weight: 400;
}
}
}
span.drawer-nav-title {
display: block;
flex-shrink: 0;
padding: 15px 0 15px 22px;
margin: 0;
font-weight: 600;
color: $drawer-heading-color;
line-height: 1em;
text-decoration: none;
}
a {
display: block;
flex-shrink: 0;
padding: 15px 0 15px 22px;
margin: 0;
font-weight: 600;
color: $drawer-heading-color;
line-height: 1em;
text-decoration: none;
cursor: pointer;
&:active,
&:hover {
background-color: $drawer-hover-color;
}
}
&.active {
a {
color: $primary-color;
font-weight: 500;
}
}
}
}
}