naive-ui/styles/Icon.scss
2020-02-19 13:36:29 +08:00

30 lines
654 B
SCSS

@import './mixins/mixins.scss';
@include themes-mixin {
@include b(icon) {
height: 1em;
width: 1em;
line-height: 1em;
text-align: center;
display: inline-block;
position: relative;
transition: $--icon-transition;
svg {
height: 1em;
width: 1em;
}
@include m(primary-depth) {
fill: $--n-primary-text-color;
stroke: $--n-primary-text-color;
}
@include m(secondary-depth) {
fill: $--n-secondary-text-color;
stroke: $--n-secondary-text-color;
}
@include m(tertiary-depth) {
fill: $--n-tertiary-text-color;
stroke: $--n-tertiary-text-color;
}
}
}