1. Feedback
  2. Vue
  3. 7956

Welcome to the Vue feedback portal. We’re happy you’re here! If you have feedback on how to improve the Vue, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

2
Votes

change the sass file structure

currently we have followed by below structure in our scss file

// @syncfusion\ej2-notifications\styles\badge\_theme.scss

&.e-badge-primary[href]:not(.e-badge-ghost) {
&:hover {
background-color: darken($color: $badge-primary-bg-color, $amount: 10%);
}
}

so vue -cli sass compiler throws the sass complication error while using custom variable. so need change the our scss file below format

$badge-primary-bg-color: $primary !default;
$badge-dark-primary-bg-color: darken($color: $badge-primary-bg-color, $amount: 10%) !default;

// @syncfusion\ej2-notifications\styles\badge\_theme.scss
&.e-badge-primary[href]:not(.e-badge-ghost) {
&:hover {
background-color: $badge-dark-primary-bg-color;
}
}