2022-04-20 15:31:04 +08:00
|
|
|
//.accessibility-focus-dark() {
|
|
|
|
|
// box-shadow: 0 0 0 2px @primary-7;
|
|
|
|
|
//}
|
|
|
|
|
//
|
|
|
|
|
//.@{menu-prefix-cls} {
|
|
|
|
|
// &&-root:focus-visible {
|
|
|
|
|
// .accessibility-focus-dark();
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark &-item,
|
|
|
|
|
// &-dark &-submenu-title {
|
|
|
|
|
// &:focus-visible {
|
|
|
|
|
// .accessibility-focus-dark();
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// // dark theme
|
|
|
|
|
// &&-dark,
|
|
|
|
|
// &-dark &-sub,
|
|
|
|
|
// &&-dark &-sub {
|
|
|
|
|
// color: @menu-dark-color;
|
|
|
|
|
// background: @menu-dark-bg;
|
|
|
|
|
// .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {
|
|
|
|
|
// opacity: 0.45;
|
|
|
|
|
// transition: all 0.3s;
|
|
|
|
|
//
|
|
|
|
|
// &::after,
|
|
|
|
|
// &::before {
|
|
|
|
|
// background: @menu-dark-arrow-color;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark&-submenu-popup {
|
|
|
|
|
// background: transparent;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark &-inline&-sub {
|
|
|
|
|
// background: @menu-dark-inline-submenu-bg;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark&-horizontal {
|
|
|
|
|
// border-bottom: 0;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark&-horizontal > &-item,
|
|
|
|
|
// &-dark&-horizontal > &-submenu {
|
|
|
|
|
// top: 0;
|
|
|
|
|
// margin-top: 0;
|
|
|
|
|
// padding: @menu-item-padding;
|
|
|
|
|
// border-color: @menu-dark-bg;
|
|
|
|
|
// border-bottom: 0;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark&-horizontal > &-item:hover {
|
|
|
|
|
// background-color: @menu-dark-item-active-bg;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark&-horizontal > &-item > a::before {
|
|
|
|
|
// bottom: 0;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark &-item,
|
|
|
|
|
// &-dark &-item-group-title,
|
|
|
|
|
// &-dark &-item > a,
|
|
|
|
|
// &-dark &-item > span > a {
|
|
|
|
|
// color: @menu-dark-color;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark&-inline,
|
|
|
|
|
// &-dark&-vertical,
|
|
|
|
|
// &-dark&-vertical-left,
|
|
|
|
|
// &-dark&-vertical-right {
|
|
|
|
|
// border-right: 0;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark&-inline &-item,
|
|
|
|
|
// &-dark&-vertical &-item,
|
|
|
|
|
// &-dark&-vertical-left &-item,
|
|
|
|
|
// &-dark&-vertical-right &-item {
|
|
|
|
|
// left: 0;
|
|
|
|
|
// margin-left: 0;
|
|
|
|
|
// border-right: 0;
|
|
|
|
|
//
|
|
|
|
|
// &::after {
|
|
|
|
|
// border-right: 0;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark&-inline &-item,
|
|
|
|
|
// &-dark&-inline &-submenu-title {
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark &-item:hover,
|
|
|
|
|
// &-dark &-item-active,
|
|
|
|
|
// &-dark &-submenu-active,
|
|
|
|
|
// &-dark &-submenu-open,
|
|
|
|
|
// &-dark &-submenu-selected,
|
|
|
|
|
// &-dark &-submenu-title:hover {
|
|
|
|
|
// color: @menu-dark-highlight-color;
|
|
|
|
|
// background-color: transparent;
|
|
|
|
|
//
|
|
|
|
|
// > a,
|
|
|
|
|
// > span > a {
|
|
|
|
|
// color: @menu-dark-highlight-color;
|
|
|
|
|
// }
|
|
|
|
|
// > .@{menu-prefix-cls}-submenu-title {
|
|
|
|
|
// > .@{menu-prefix-cls}-submenu-arrow {
|
|
|
|
|
// opacity: 1;
|
|
|
|
|
//
|
|
|
|
|
// &::after,
|
|
|
|
|
// &::before {
|
|
|
|
|
// background: @menu-dark-highlight-color;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark &-item:hover {
|
|
|
|
|
// background-color: @menu-dark-item-hover-bg;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark&-dark:not(&-horizontal) &-item-selected {
|
|
|
|
|
// background-color: @menu-dark-item-active-bg;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &-dark &-item-selected {
|
|
|
|
|
// color: @menu-dark-highlight-color;
|
|
|
|
|
// border-right: 0;
|
|
|
|
|
//
|
|
|
|
|
// &::after {
|
|
|
|
|
// border-right: 0;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// > a,
|
|
|
|
|
// > span > a,
|
|
|
|
|
// > a:hover,
|
|
|
|
|
// > span > a:hover {
|
|
|
|
|
// color: @menu-dark-highlight-color;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// .@{menu-prefix-cls}-item-icon,
|
|
|
|
|
// .@{iconfont-css-prefix} {
|
|
|
|
|
// color: @menu-dark-selected-item-icon-color;
|
|
|
|
|
//
|
|
|
|
|
// + span {
|
|
|
|
|
// color: @menu-dark-selected-item-text-color;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// &&-dark &-item-selected,
|
|
|
|
|
// &-submenu-popup&-dark &-item-selected {
|
|
|
|
|
// background-color: @menu-dark-item-active-bg;
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
// // Disabled state sets text to dark gray and nukes hover/tab effects
|
|
|
|
|
// &-dark &-item-disabled,
|
|
|
|
|
// &-dark &-submenu-disabled {
|
|
|
|
|
// &,
|
|
|
|
|
// > a,
|
|
|
|
|
// > span > a {
|
|
|
|
|
// color: @disabled-color-dark !important;
|
|
|
|
|
// opacity: 0.8;
|
|
|
|
|
// }
|
|
|
|
|
// > .@{menu-prefix-cls}-submenu-title {
|
|
|
|
|
// color: @disabled-color-dark !important;
|
|
|
|
|
// > .@{menu-prefix-cls}-submenu-arrow {
|
|
|
|
|
// &::before,
|
|
|
|
|
// &::after {
|
|
|
|
|
// background: @disabled-color-dark !important;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
//}
|
