2021-02-04 16:29:23 +08:00
|
|
|
.#{$namespace}-header,
|
|
|
|
.#{$namespace}-footer {
|
2020-08-13 15:18:26 +08:00
|
|
|
background-color: #b3c0d1;
|
|
|
|
color: #333;
|
|
|
|
line-height: 60px;
|
|
|
|
}
|
|
|
|
|
2021-02-04 16:29:23 +08:00
|
|
|
.#{$namespace}-aside {
|
2020-08-13 15:18:26 +08:00
|
|
|
color: #333;
|
|
|
|
}
|
|
|
|
|
2021-01-06 14:12:22 +08:00
|
|
|
.demo-container .common-layout {
|
2021-02-04 16:29:23 +08:00
|
|
|
.#{$namespace}-header,
|
|
|
|
.#{$namespace}-footer {
|
2020-08-13 15:18:26 +08:00
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2021-02-04 16:29:23 +08:00
|
|
|
.#{$namespace}-aside {
|
2020-08-13 15:18:26 +08:00
|
|
|
background-color: #d3dce6;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 200px;
|
|
|
|
}
|
|
|
|
|
2021-02-04 16:29:23 +08:00
|
|
|
.#{$namespace}-main {
|
2020-08-13 15:18:26 +08:00
|
|
|
background-color: #e9eef3;
|
|
|
|
color: #333;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 160px;
|
|
|
|
}
|
|
|
|
|
2021-02-04 16:29:23 +08:00
|
|
|
.#{$namespace}-container {
|
2020-08-13 15:18:26 +08:00
|
|
|
margin-bottom: 40px;
|
2020-11-26 23:12:06 +08:00
|
|
|
&:last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
2021-02-04 16:29:23 +08:00
|
|
|
&:nth-child(5) .#{$namespace}-aside,
|
|
|
|
&:nth-child(6) .#{$namespace}-aside {
|
2020-08-13 15:18:26 +08:00
|
|
|
line-height: 260px;
|
|
|
|
}
|
|
|
|
|
2021-02-04 16:29:23 +08:00
|
|
|
&:nth-child(7) .#{$namespace}-aside {
|
2020-08-13 15:18:26 +08:00
|
|
|
line-height: 320px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|