naive-ui/styles/Empty.scss
2020-02-09 14:15:15 +08:00

40 lines
930 B
SCSS

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