element-plus/website/demo-styles/avatar.scss
2021-02-04 16:29:23 +08:00

63 lines
1005 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,.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;
}
}
}