@aimake/nanod
Version:
## 设计模式 NANO DESIGN 是面向于企业级中台化应用的解决方案。服务于 ToB 和 ToE 类型的单页应用,应用于各产品中从而产出了一套设计及前端规范。
45 lines (44 loc) • 1.24 kB
CSS
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
.nano-logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 64px;
padding-left: 16px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.16);
overflow: hidden;
}
.nano-logo img,
.nano-logo h1 {
display: inline-block;
}
.nano-logo img {
margin-right: 16px;
max-width: 36px;
}
.nano-logo h1 {
margin: 0;
padding: 0;
color: rgba(255, 255, 255, 0.97);
font-size: 16px;
font-weight: normal;
-webkit-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}
.ant-layout-sider-collapsed .nano-logo h1 {
opacity: 0;
}
.ant-menu .ant-menu-submenu-open .ant-menu-submenu-title {
border-right: 3px solid #4c84ff;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
background: rgba(0, 0, 0, 0.16);
}