jc-biz-components
Version:
jc component library based on Antd
44 lines (43 loc) • 1.06 kB
text/less
@import "../../style/variables.less";
@sider-menu-prefix-cls: ~"@{component-prefix}-sider-menu";
@ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
:global {
.@{sider-menu-prefix-cls} {
&-logo {
height: 64px;
position: relative;
line-height: 64px;
padding-left: (@menu-collapsed-width - 32px) / 2;
transition: all 0.3s;
background: #002140;
overflow: hidden;
img {
display: inline-block;
vertical-align: middle;
height: 32px;
}
h1 {
color: #FFF;
display: inline-block;
vertical-align: middle;
font-size: 20px;
margin: 0 0 0 12px;
font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 600;
}
}
&-sider {
min-height: 100vh;
box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
position: relative;
z-index: 10;
}
&-icon {
width: 14px;
margin-right: 10px;
}
}
.drawer .drawer-content {
background: #001529;
}
}