2019-10-28 18:29:52 +08:00
|
|
|
@import './mixins/mixins.scss';
|
|
|
|
|
|
|
|
@include themes-mixin {
|
|
|
|
@include b(statistic) {
|
2019-12-12 18:36:30 +08:00
|
|
|
@include once {
|
|
|
|
font-family: 'Lato';
|
|
|
|
}
|
2019-10-28 18:29:52 +08:00
|
|
|
@include b(statistic-value) {
|
2019-12-12 18:36:30 +08:00
|
|
|
@include once {
|
|
|
|
margin-top: 4px;
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
2019-10-28 18:29:52 +08:00
|
|
|
@include e(prefix) {
|
2019-12-12 18:36:30 +08:00
|
|
|
@include once {
|
|
|
|
font-size: 18px;
|
|
|
|
transition: .3s color $default-cubic-bezier;
|
|
|
|
}
|
2019-10-28 18:29:52 +08:00
|
|
|
color: $--statistic-value-prefix-text-color;
|
|
|
|
@include b(icon) {
|
2019-12-12 18:36:30 +08:00
|
|
|
@include once {
|
|
|
|
vertical-align: -0.125em;
|
|
|
|
transition: .3s fill $default-cubic-bezier;
|
|
|
|
}
|
2019-10-28 18:29:52 +08:00
|
|
|
fill: $--statistic-value-prefix-text-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@include e(content) {
|
2019-12-12 18:36:30 +08:00
|
|
|
@include once {
|
|
|
|
font-size: 24px;
|
|
|
|
transition: .3s color $default-cubic-bezier;
|
|
|
|
}
|
2019-10-28 18:29:52 +08:00
|
|
|
color: $--statistic-value-content-text-color;
|
|
|
|
}
|
|
|
|
@include e(suffix) {
|
2019-12-12 18:36:30 +08:00
|
|
|
@include once {
|
|
|
|
font-size: 18px;
|
|
|
|
transition: .3s color $default-cubic-bezier;
|
|
|
|
}
|
2019-10-28 18:29:52 +08:00
|
|
|
color: $--statistic-value-suffix-text-color;
|
|
|
|
@include b(icon) {
|
2019-12-12 18:36:30 +08:00
|
|
|
@include once {
|
|
|
|
vertical-align: -0.125em;
|
|
|
|
transition: .3s fill $default-cubic-bezier;
|
|
|
|
}
|
2019-10-28 18:29:52 +08:00
|
|
|
fill: $--statistic-value-prefix-text-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@include e(label) {
|
2019-12-12 18:36:30 +08:00
|
|
|
@include once {
|
|
|
|
font-weight: 700;
|
|
|
|
transition: .3s color $default-cubic-bezier;
|
|
|
|
font-size: 14px;
|
|
|
|
}
|
2019-10-28 18:29:52 +08:00
|
|
|
color: $--statistic-value-label-text-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|