@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; } } }