/*******************************
Rating
*******************************/
@display: inline-block; @margin: 0em 0.75rem ;
@verticalAlign: baseline; @oversizedVerticalAlign: middle;
@iconHitbox: 1.1em; @inactiveColor: rgba(0, 0, 0, 0.15);
/*——————-
Types
——————–*/
/* Star */ @starIconHitbox: @iconHitbox; @starInactiveColor: @inactiveColor; @starSelectedColor: FFB70A; @starActiveColor: FFE623; @starActiveShadow:
0px -1px 0px #CFA300, -1px 0px 0px #CFA300, 0px 1px 0px #CFA300, 1px 0px 0px #CFA300
;
/* Heart */ @heartIconHitbox: 1.25em; @heartInactiveColor: @inactiveColor; @heartSelectedColor: FF2733; @heartActiveColor: FF2733; @heartActiveShadow:
0px -1px 0px #9E0000, -1px 0px 0px #9E0000, 0px 1px 0px #9E0000, 1px 0px 0px #9E0000
;
/*——————-
States
——————–*/
@inactiveColor: rgba(0, 0, 0, 0.15); @hoverColor: @textColor; @activeColor: @darkTextColor;
@interactiveIconOpacity: 0.5; @interactiveSelectedIconOpacity: 1;
/*——————-
Variations
——————–*/
@mini: 0.7rem; @tiny: 0.8rem; @small: 0.875rem; @medium: 1rem; @large: 1.1rem; @big: 1.25rem; @huge: 1.5rem; @massive: 2rem;