naive-ui/styles/Empty.scss

40 lines
931 B
SCSS
Raw Normal View History

@import "./mixins/mixins.scss";
2019-11-26 15:26:28 +08:00
@include themes-mixin {
@include b(empty) {
2019-11-26 15:26:28 +08:00
@include once {
display: flex;
flex-direction: column;
align-items: center;
}
@include e(icon) {
2019-11-26 15:26:28 +08:00
@include once {
transition: fill .3s $--n-ease-in-out-cubic-bezier;
width: 28px;
height: 28px;
2020-02-09 14:15:15 +08:00
font-size: 28px;
2019-11-26 15:26:28 +08:00
}
2020-02-07 20:04:20 +08:00
@include b(icon) {
2020-02-20 13:22:48 +08:00
fill: $--empty-icon-color;
stroke: $--empty-icon-color;
2020-02-07 20:04:20 +08:00
}
}
@include e(description) {
2019-11-26 15:26:28 +08:00
@include once {
font-size: 14px;
margin-top: 4px;
transition: color .3s $--n-ease-in-out-cubic-bezier;
2019-11-26 15:26:28 +08:00
}
color: $--empty-text-color;
}
@include e(extra) {
2019-11-26 15:26:28 +08:00
@include once {
2020-02-13 20:24:09 +08:00
font-size: 14px;
2019-11-26 15:26:28 +08:00
text-align: center;
transition: color .3s $--n-ease-in-out-cubic-bezier;
2019-11-26 15:26:28 +08:00
margin-top: 16px;
}
color: $--empty-extra-text-color;
}
}
}