// Licensed to the Apache Software Foundation (ASF) under one

// or more contributor license agreements. See the NOTICE file

// distributed with this work for additional information

// regarding copyright ownership. The ASF licenses this file

// to you 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.

.sider {

box-shadow: 2px 0 6px rgba(0, 21, 41, .35);

position: relative;

z-index: 10;

height: auto;

.ant-layout-sider-children {

overflow-y: hidden;

&:hover {

overflow-y: auto;

}

}

&.ant-fixed-sidemenu {

position: fixed;

height: 100%;

}

.logo {

height: 64px;

position: relative;

line-height: 64px;

padding-left: 24px;

-webkit-transition: all .3s;

transition: all .3s;

background: #002140;

overflow: hidden;

img,

svg,

h1 {

display: inline-block;

vertical-align: middle;

}

img {

height: 32px;

width: 32px;

}

h1 {

color: #fff;

font-size: 20px;

margin: 0 0 0 12px;

font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;

font-weight: 600;

vertical-align: middle;

}

}

&.light {

background-color: #fff;

box-shadow: 2px 0px 8px 0px rgba(29, 35, 41, 0.05);

.logo {

background: #fff;

box-shadow: 1px 1px 0px 0px #e8e8e8;

h1 {

color: unset;

}

}

.ant-menu-light {

border-right-color: transparent;

}

}

}