mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 09:50:58 +08:00
d9b7ef56ea
* style(docs): use css var * style: update * style: demo-icon use grid layout * style: remove demo-block.vue style scoped * docs: remove strange character
46 lines
874 B
SCSS
46 lines
874 B
SCSS
.#{$namespace}-header,
|
|
.#{$namespace}-footer {
|
|
background-color: #b3c0d1;
|
|
color: var(--el-text-color-primary);
|
|
line-height: 60px;
|
|
}
|
|
|
|
.#{$namespace}-aside {
|
|
color: var(--el-text-color-primary);
|
|
}
|
|
|
|
.demo-container .common-layout {
|
|
.#{$namespace}-header,
|
|
.#{$namespace}-footer {
|
|
text-align: center;
|
|
}
|
|
|
|
.#{$namespace}-aside {
|
|
background-color: #d3dce6;
|
|
text-align: center;
|
|
line-height: 200px;
|
|
}
|
|
|
|
.#{$namespace}-main {
|
|
background-color: #e9eef3;
|
|
color: var(--el-text-color-primary);
|
|
text-align: center;
|
|
line-height: 160px;
|
|
}
|
|
|
|
.#{$namespace}-container {
|
|
margin-bottom: 40px;
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
&:nth-child(5) .#{$namespace}-aside,
|
|
&:nth-child(6) .#{$namespace}-aside {
|
|
line-height: 260px;
|
|
}
|
|
|
|
&:nth-child(7) .#{$namespace}-aside {
|
|
line-height: 320px;
|
|
}
|
|
}
|
|
}
|