naive-ui/styles/Empty.scss
2020-03-17 17:15:37 +08:00

40 lines
931 B
SCSS

@import "./mixins/mixins.scss";
@include themes-mixin {
@include b(empty) {
@include once {
display: flex;
flex-direction: column;
align-items: center;
font-size: 14px;
}
@include e(icon) {
@include once {
transition: fill .3s $--n-ease-in-out-cubic-bezier;
width: 28px;
height: 28px;
font-size: 28px;
line-height: 28px;
}
@include b(icon) {
fill: $--empty-icon-color;
stroke: $--empty-icon-color;
}
}
@include e(description) {
@include once {
margin-top: 4px;
transition: color .3s $--n-ease-in-out-cubic-bezier;
}
color: $--empty-text-color;
}
@include e(extra) {
@include once {
text-align: center;
transition: color .3s $--n-ease-in-out-cubic-bezier;
margin-top: 16px;
}
color: $--empty-extra-text-color;
}
}
}