ten-design-vue
Version:
ten-vue
62 lines (53 loc) • 1.03 kB
text/less
.container__demo {
overflow: hidden;
background-color: #F6F6F6;
height: 400px;
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
.ten-aside {
background-color: #FFFFFF;
box-shadow: 3px 3px 8px 2px rgba(216, 216, 216, 0.5);
color: #000000;
display: flex;
flex-direction: column;
z-index: 1;
&--right {
background-color: #E8E8E8;
box-shadow: none;
}
.aside-logo {
height: 72px;
padding: 24px;
border-bottom: 1px solid #F0F0F0;
color: #0052D9;
font-weight: 500;
}
p {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
}
.ten-main {
display: flex;
align-items: center;
justify-content: center;
color: #000000;
}
.ten-header {
background-color: #0052D9;
color: #FFFFFF;
.header-logo {
height: 72px;
padding: 24px;
color: #FFFFFF;
font-weight: 500;
}
}
.ten-footer {
background-color: #FFFFFF;
}
}