_stars-rating.scss 498 B

12345678910111213141516171819202122
  1. :root {
  2. --gl-star-size: auto;
  3. --gl-star-color: var(--#{$prefix}yellow);
  4. --gl-star-color-inactive: var(--#{$prefix}border-color);
  5. }
  6. [data-star-rating] {
  7. svg {
  8. width: var(--#{$prefix}icon-size, --gl-star-size);
  9. height: var(--#{$prefix}icon-size, --gl-star-size);
  10. }
  11. :not(.gl-active) > .gl-star-full {
  12. color: var(--gl-star-color-inactive) !important;
  13. }
  14. .gl-active > .gl-star-full {
  15. color: var(--gl-star-color);
  16. fill: currentColor;
  17. stroke: currentColor;
  18. }
  19. }