ten-design-vue
Version:
ten-vue
72 lines (64 loc) • 1.04 kB
text/less
@import "../vars.less";
.demo-menu {
&-bg {
background-color: #eee;
outline: @border-main;
&--ghost {
background: @primary-color;
color: #fff;
}
&--horizontal {
display: flex;
}
}
&-box {
display: flex;
&__side {
flex: none;
}
&__content {
flex: 1;
overflow: hidden;
}
}
.vertical() {
display: flex;
align-items: center;
}
&__header {
.vertical;
// min-width: 256px;
height: 72px;
padding: 0 25px;
border-bottom: #F0F0F0 1px dashed;
margin-bottom: 24px;
&--inline {
min-width: 100%;
justify-content: center;
.ten-icon {
font-size: 20px;
}
}
}
.ten-menu--vertical {
min-height: 600px;
height: 500px;
}
&-horizontalheader {
padding: 0 20px;
border-right: #F0F0F0 1px dashed;
}
&-right {
flex: 1;
}
.demo-menu-table {
display: flex;
width: 100%;
.ten-menu {
flex: none;
}
&__table {
flex: 1;
}
}
}