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
65 lines
1.2 KiB
/*******************************
|
|
Rating
|
|
*******************************/
|
|
|
|
@display: inline-block;
|
|
@margin: 0em 0.5rem 0em 0em;
|
|
|
|
@verticalAlign: baseline;
|
|
@oversizedVerticalAlign: middle;
|
|
|
|
@iconHitbox: 1.1em;
|
|
@inactiveColor: rgba(0, 0, 0, 0.15);
|
|
|
|
/*-------------------
|
|
Types
|
|
--------------------*/
|
|
|
|
/* Star */
|
|
@starIconHitbox: @iconHitbox;
|
|
@starInactiveColor: @inactiveColor;
|
|
@starHoverColor: #FFB70A;
|
|
@starActiveColor: #FFE623;
|
|
@starActiveShadow:
|
|
0px -1px 0px #CFA300,
|
|
-1px 0px 0px #CFA300,
|
|
0px 1px 0px #CFA300,
|
|
1px 0px 0px #CFA300
|
|
;
|
|
|
|
/* Heart */
|
|
@heartIconHitbox: 1.2em;
|
|
@heartInactiveColor: @inactiveColor;
|
|
@heartHoverColor: #FF2733;
|
|
@heartActiveColor: #EF404A;
|
|
@heartActiveShadow:
|
|
0px -1px 0px #EF404A,
|
|
-1px 0px 0px #EF404A,
|
|
0px 1px 0px #EF404A,
|
|
1px 0px 0px #EF404A
|
|
;
|
|
|
|
|
|
/*-------------------
|
|
States
|
|
--------------------*/
|
|
|
|
@inactiveColor: rgba(0, 0, 0, 0.15);
|
|
@hoverColor: @textColor;
|
|
@activeColor: @darkTextColor;
|
|
|
|
@interactiveIconOpacity: 0.5;
|
|
@interactiveHoveredIconOpacity: 1;
|
|
|
|
/*-------------------
|
|
Variations
|
|
--------------------*/
|
|
|
|
@mini: 0.7rem;
|
|
@tiny: 0.8rem;
|
|
@small: 0.875rem;
|
|
@medium: 1rem;
|
|
@large: 1.1rem;
|
|
@big: 1.25rem;
|
|
@huge: 1.5rem;
|
|
@massive: 2rem;
|