ext-component-ratings.scss 960 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @import '../../bootstrap-extended/include'; // Bootstrap includes
  2. @import '../../components/include'; // Components includes
  3. .jq-ry-container:not(.multi-color-ratings) {
  4. .jq-ry-normal-group {
  5. i,
  6. svg {
  7. fill: $gray-100;
  8. }
  9. }
  10. .jq-ry-rated-group {
  11. i,
  12. svg {
  13. fill: $warning;
  14. }
  15. }
  16. }
  17. // Dark Layout
  18. .dark-layout {
  19. .jq-ry-container:not(.multi-color-ratings) {
  20. .jq-ry-normal-group {
  21. i,
  22. svg {
  23. fill: $theme-dark-text-muted-color;
  24. }
  25. }
  26. }
  27. }
  28. // RTL
  29. [data-textdirection='rtl'] {
  30. .jq-ry-container:not(.multi-color-ratings) {
  31. .jq-ry-normal-group {
  32. i,
  33. svg {
  34. fill: $warning;
  35. }
  36. }
  37. .jq-ry-rated-group {
  38. i,
  39. svg {
  40. fill: $gray-100;
  41. }
  42. }
  43. }
  44. .dark-layout {
  45. .jq-ry-container:not(.multi-color-ratings) {
  46. .jq-ry-rated-group {
  47. i,
  48. svg {
  49. fill: $theme-dark-text-muted-color;
  50. }
  51. }
  52. }
  53. }
  54. }