You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.6 KiB
60 lines
1.6 KiB
.el-menu--dark {
|
|
//侧边栏垂直菜单
|
|
&.el-menu--vertical {
|
|
&.el-menu,
|
|
.el-menu {
|
|
background-color: $menu-dark-background;
|
|
|
|
//菜单的文字以及hover颜色
|
|
.el-menu-item,
|
|
.el-submenu__title {
|
|
color: $menu-text-dark-color;
|
|
|
|
&:hover {
|
|
color: $menu-text-dark-hover-color;
|
|
}
|
|
}
|
|
|
|
//子级菜单的背景颜色
|
|
&.el-menu--inline {
|
|
background-color: $sub-menu-dark-background;
|
|
}
|
|
|
|
//子级菜单内阴影
|
|
&.el-menu--inline {
|
|
box-shadow: inset 0 2px 8px darken($sub-menu-dark-background, 10%)
|
|
}
|
|
|
|
//设置了显示弹出菜单的父级
|
|
&.el-menu--popup .popover-menu__title {
|
|
color: $menu-text-dark-hover-color;
|
|
border-bottom-color: $border-color-dark;
|
|
}
|
|
}
|
|
}
|
|
|
|
//顶部水平菜单
|
|
&.el-menu--horizontal {
|
|
&.el-menu,
|
|
.el-menu {
|
|
background-color: $root-menu-dark-background;
|
|
|
|
//菜单的文字以及hover颜色
|
|
.el-menu-item,
|
|
.el-submenu__title {
|
|
color: $menu-text-dark-color;
|
|
|
|
&:hover {
|
|
color: $menu-text-dark-hover-color;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.el-menu > .el-menu-item,
|
|
&.el-menu > .el-submenu > .el-submenu__title,
|
|
&.el-menu > .el-menu-item:hover,
|
|
&.el-menu > .el-submenu > .el-submenu__title:hover {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
}
|
|
|