You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

65 lines
1.2 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. /*******************************
  2. Rating
  3. *******************************/
  4. @display: inline-block;
  5. @margin: 0em 0.5rem 0em 0em;
  6. @verticalAlign: baseline;
  7. @oversizedVerticalAlign: middle;
  8. @iconHitbox: 1.1em;
  9. @inactiveColor: rgba(0, 0, 0, 0.15);
  10. /*-------------------
  11. Types
  12. --------------------*/
  13. /* Star */
  14. @starIconHitbox: @iconHitbox;
  15. @starInactiveColor: @inactiveColor;
  16. @starSelectedColor: #FFB70A;
  17. @starActiveColor: #FFE623;
  18. @starActiveShadow:
  19. 0px -1px 0px #CFA300,
  20. -1px 0px 0px #CFA300,
  21. 0px 1px 0px #CFA300,
  22. 1px 0px 0px #CFA300
  23. ;
  24. /* Heart */
  25. @heartIconHitbox: 1.25em;
  26. @heartInactiveColor: @inactiveColor;
  27. @heartSelectedColor: #FF2733;
  28. @heartActiveColor: #FF2733;
  29. @heartActiveShadow:
  30. 0px -1px 0px #9E0000,
  31. -1px 0px 0px #9E0000,
  32. 0px 1px 0px #9E0000,
  33. 1px 0px 0px #9E0000
  34. ;
  35. /*-------------------
  36. States
  37. --------------------*/
  38. @inactiveColor: rgba(0, 0, 0, 0.15);
  39. @hoverColor: @textColor;
  40. @activeColor: @darkTextColor;
  41. @interactiveIconOpacity: 0.5;
  42. @interactiveSelectedIconOpacity: 1;
  43. /*-------------------
  44. Variations
  45. --------------------*/
  46. @mini: 0.7rem;
  47. @tiny: 0.8rem;
  48. @small: 0.875rem;
  49. @medium: 1rem;
  50. @large: 1.1rem;
  51. @big: 1.25rem;
  52. @huge: 1.5rem;
  53. @massive: 2rem;