body { color: @site-text-color; font-size: 14px; font-family: @font-family; line-height: 1.5; background: #fff; transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1); } a { transition: color 0.3s ease; } .main-wrapper { position: relative; padding: 40px 0 0; background: #fff; } .main-container { position: relative; min-height: 500px; padding: 0 170px 32px 64px; overflow: hidden; background: #fff; } .main-menu { z-index: 1; &-inner { height: 100%; max-height: 100vh; overflow: hidden; } &:hover &-inner { overflow-y: auto; } > div, > div > div { height: 100%; } } .aside-container { min-height: 100%; padding-bottom: 48px; font-family: Avenir, @font-family, sans-serif; &.ant-menu-inline { .ant-menu-submenu-title h4, > .ant-menu-item, .ant-menu-item a { overflow: hidden; font-size: 14px; text-overflow: ellipsis; } .ant-menu-item-group-title { margin-top: 16px; margin-bottom: 16px; font-size: 13px; &::after { position: relative; top: 12px; display: block; width: calc(100% - 20px); height: 1px; background: @border-color-split; content: ''; } } > .ant-menu-item, > .ant-menu-submenu > .ant-menu-submenu-title, > .ant-menu-item-group > .ant-menu-item-group-title, > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item { padding-left: 40px !important; } .ant-menu-item-group:first-child { .ant-menu-item-group-title { margin-top: 0; } } } a[disabled] { color: #ccc; } .menu-item-link-outside { position: relative; .anticon { position: absolute; top: 16px; right: -10px; color: @primary-color; font-size: 12px; opacity: 0; transition: all 0.3s; } &:hover .anticon { opacity: 1; } } } .aside-container .chinese { margin-left: 6px; font-weight: normal; font-size: 12px; opacity: 0.67; } .outside-link { display: inline-block; } .outside-link-icon { margin-left: 5px; color: #aaa; font-size: 12px; } // reset menu text color .menu-site { .ant-menu-item > a { color: @site-text-color; } .ant-menu-item-selected > a, .ant-menu-item > a:hover { color: @primary-color; } } #react-content { height: 100%; transition: transform 0.3s @ease-in-out-circ; } .page-wrapper { width: 100%; padding: 0; overflow: hidden; } .drawer-content { padding: 40px 0; } .drawer { z-index: 1029; } #_hj_feedback_container { .path1::before { color: @primary-color !important; } .path2::before { color: #fff !important; } }