naive-ui/styles/Icon.scss
2020-02-20 15:26:12 +08:00

39 lines
810 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-base-text-color;
stroke: $--n-base-text-color;
svg {
opacity: $--n-primary-opacity;
}
}
@include m(secondary-depth) {
fill: $--n-base-text-color;
stroke:$--n-base-text-color;
svg {
opacity: $--n-secondary-opacity;
}
}
@include m(tertiary-depth) {
fill: $--n-base-text-color;
stroke: $--n-base-text-color;
svg {
opacity: $--n-tertiary-opacity;
}
}
}
}