naive-ui/styles/Icon.scss
2020-02-20 21:41:39 +08:00

35 lines
667 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;
fill: $--n-base-text-color;
stroke: $--n-base-text-color;
svg {
height: 1em;
width: 1em;
}
@include m(primary-depth) {
svg {
opacity: $--n-primary-opacity;
}
}
@include m(secondary-depth) {
svg {
opacity: $--n-secondary-opacity;
}
}
@include m(tertiary-depth) {
svg {
opacity: $--n-tertiary-opacity;
}
}
}
}