mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 01:11:25 +08:00
63 lines
994 B
SCSS
63 lines
994 B
SCSS
|
.demo-avatar {
|
||
|
|
||
|
&.demo-basic {
|
||
|
text-align: center;
|
||
|
|
||
|
.demo-basic--circle, .demo-basic--square {
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
align-items: center;
|
||
|
.block {
|
||
|
flex: 1;
|
||
|
}
|
||
|
|
||
|
.block:not(:last-child) {
|
||
|
border-right: 1px solid rgba(224, 230, 237, 0.5);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|
||
|
.sub-title {
|
||
|
margin-bottom: 10px;
|
||
|
font-size: 14px;
|
||
|
color: #8492a6;
|
||
|
}
|
||
|
|
||
|
.el-col:not(:last-child) {
|
||
|
border-right: 1px solid rgba(224,230,237,.5);
|
||
|
}
|
||
|
|
||
|
.demo-type {
|
||
|
display: flex;
|
||
|
|
||
|
>div {
|
||
|
flex: 1;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
>div:not(:last-child) {
|
||
|
border-right: 1px solid rgba(224,230,237,.5);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.demo-fit {
|
||
|
display: flex;
|
||
|
text-align: center;
|
||
|
justify-content: space-between;
|
||
|
|
||
|
.block {
|
||
|
flex: 1;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
flex-grow: 0;
|
||
|
}
|
||
|
|
||
|
.title {
|
||
|
margin-bottom: 10px;
|
||
|
font-size: 14px;
|
||
|
color: #8492a6;
|
||
|
}
|
||
|
}
|
||
|
}
|