/**
 * Copyright 2019 Han Guoshuai <zohegs@gmail.com>
 *
 * 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
 *
 *   https://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.
 */

/* --- 框架 --- */
#el-frame > .el-container > {
    // --- 左边栏 ---
    .el-aside {
        > {
            .el-logo {
                background-color: #141f29;
            }
            // --- 左边菜单 ---
            .el-menu {
                border-right: none;
                background-color: #141f29;
                // --- 子菜单背景色 ---
                .el-submenu .el-menu {
                    background-color: #09121a;
                }
                .el-menu-item:focus, .el-menu-item.is-active {
                    background-color: #409EFF;
                }
                .el-menu-item, .el-submenu__title {
                    color: #FFF;
                    transition: none;
                    line-height: 40px;
                }
                // --- 鼠标移动到 item 上的背景颜色 ---
                .el-menu-item:not(.is-active):hover, .el-submenu__title:hover {
                    color: #409EFF;
                    background-color: transparent;
                    // --- 左侧图标 ---
                    i {
                        color: #409EFF;
                    }
                }
            }
        }
    }
    // --- 右 ---
    .el-container > {
        .el-header {
            .el-header-item {
                color: #324558;
                &:hover {
                    background-color: #f5f7fa;
                    color: inherit;
                }
            }
        }
        .el-main {
            background-color: #f5f7fa;
        }
    }
}
/* --- 禁止所有缓动动画 --- */
* {
    transition: 0s !important;
}
/* --- 让鼠标恢复默认样式 --- */
*:not(input), .el-select .el-input__inner {
    cursor: default !important;
}

/* --- el-card --- */
.el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover {
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.el-card__header {
    padding: 10px 15px;
}
.el-card, .el-message {
    border-radius: 0;
}

/* --- el-dropdown-menu --- */
.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #b6c2cd;
    top: 0;
}
.el-dropdown-menu, .el-select-dropdown {
    border-color: #b6c2cd;
    border-radius: 0;
}

/* --- el-button --- */
.el-button {
    box-shadow: 0 1px 2px rgba(220,223,230,.4);
    border-radius: 0;
    &:hover {
        box-shadow: 0 1px 5px rgba(220,223,230,.6);
    }
}

/* --- el-tip --- */
.el-tip {
    border: 1px solid #50bfff;
    border-left-width: 5px;
    border-radius: 0;
}

/* --- el-select --- */
.el-input__inner {
    border-radius: 0;
}

/* --- el-message-box --- */
.el-message-box {
    border-radius: 0;
}

/* --- el-tag --- */
.el-tag {
    border-radius: 0;
}

/* --- el-radio ---- */
.el-radio.is-bordered {
    border-radius: 0;
}