element-plus/docs/examples/container/common-layout.scss

32 lines
601 B
SCSS

.common-layout {
.el-header,
.el-footer,
.el-main,
.el-aside {
display: flex;
justify-content: center;
align-items: center;
}
.el-header,
.el-footer {
background-color: var(--el-color-primary-light-7);
color: var(--el-text-color-primary);
text-align: center;
}
.el-aside {
background-color: var(--el-color-primary-light-8);
color: var(--el-text-color-primary);
text-align: center;
}
.el-main {
background-color: var(--el-color-primary-light-9);
color: var(--el-text-color-primary);
text-align: center;
height: 150px;
}
}