.mk-white {
|
> .flex-container {
|
> .header-container {
|
background: #ffffff;
|
color: #000000;
|
box-shadow: 0 2px 8px #f0f1f2;
|
|
> .header-collapse i {
|
color: #000000;
|
}
|
> .header-menu {
|
li {
|
span {
|
color: #000000;
|
}
|
|
&:hover {
|
span {
|
color: #06B4F7;
|
border-bottom: 4px solid #06B4F7;
|
}
|
}
|
&.active {
|
span {
|
color: #1890ff;
|
border-bottom: 4px solid #1890ff;
|
}
|
}
|
}
|
}
|
> .header-setting span {
|
color: #000000;
|
}
|
> .header-edit-box .dragdashboard {
|
background: #ffffff;
|
}
|
}
|
> .side-menu {
|
border-right: 1px solid #d9d9d9;
|
background: #ffffff;
|
> .ant-menu {
|
background: #ffffff;
|
> .ant-menu-submenu {
|
color: #000000;
|
background: #ffffff;
|
> .ant-menu-submenu-title {
|
background: #ffffff;
|
&:hover {
|
color: #1890ff;
|
}
|
> .ant-menu-submenu-arrow:before {
|
background: #000000;
|
}
|
> .ant-menu-submenu-arrow:after {
|
background: #000000;
|
}
|
}
|
> .ant-menu-sub {
|
background: #ffffff;
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset;
|
.ant-menu-item {
|
border-bottom: 1px solid #d9d9d9;
|
// background-color: #c4ebfd;
|
a {
|
color: #000000;
|
}
|
}
|
}
|
}
|
> .ant-menu-submenu.ant-menu-submenu-open {
|
color: #1890ff;
|
}
|
}
|
// .ant-menu-inline.ant-menu-sub {
|
// background: #ffffff;
|
// color: #000000;
|
// }
|
}
|
}
|
}
|
