mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-16 02:11:48 +08:00
62 lines
1017 B
SCSS
62 lines
1017 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;
|
|
}
|
|
|
|
.#{$namespace}-col:not(:last-child) {
|
|
border-right: 1px solid rgba(224, 230, 237, 0.5);
|
|
}
|
|
|
|
.demo-type {
|
|
display: flex;
|
|
|
|
> div {
|
|
flex: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
> div:not(:last-child) {
|
|
border-right: 1px solid rgba(224, 230, 237, 0.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;
|
|
}
|
|
}
|
|
}
|