naive-ui/styles/GradientText.scss
2019-12-23 16:48:49 +08:00

27 lines
709 B
SCSS

@import './mixins/mixins.scss';
@import './themes/vars.scss';
@mixin gradient-text-type-mixin ($type) {
@include m($type + '-type') {
background-image: map-get($--gradient-text-background-image, $type);
}
}
@include themes-mixin {
@include b(gradient-text) {
@include once {
display: inline-block;
font-weight: 500;
font-size: inherit;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
@include gradient-text-type-mixin(default);
@include gradient-text-type-mixin(success);
@include gradient-text-type-mixin(warning);
@include gradient-text-type-mixin(error);
@include gradient-text-type-mixin(info);
}
}