naive-ui/styles/GradientText.scss

@import './mixins/mixins.scss';
@import './theme/default.scss';

@include b(gradient-text) {
  display: inline-block;
  position: relative;
  font-weight: 700;
  font-size: 16px;
  .n-gradient-text__content {
    background: $default-text-gradient;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    &.is-default {
      background: $default-text-gradient;
      -webkit-background-clip: text;
      background-clip: text;
    }
    &.is-warning {
      background: $default-text-gradient-warning;
      -webkit-background-clip: text;
      background-clip: text;
    }
    &.is-danger {
      background: $default-text-gradient-danger;
      -webkit-background-clip: text;
      background-clip: text;
    }
    &.is-success {
      background: $default-text-gradient-success;
      -webkit-background-clip: text;
      background-clip: text;
    }
  }
}