98 lines
2.3 KiB
SCSS
Raw Normal View History

// Rateyo
// *******************************************************************************
@use '../../scss/_bootstrap-extended/include' as light;
@use '../../scss/_bootstrap-extended/include-dark' as dark;
@import 'rateyo/src/jquery.rateyo';
@import '../../scss/_custom-variables/libs';
// For Horizontal menu-item, z-index overrides
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group,
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
z-index: 8;
}
// Light Style
@if $enable-light-style {
.light-style {
$unratedStarColor: light.rgba-to-hex(rgba(light.$black, 0.16), light.$rgba-to-hex-bg);
$ratedStarColor: light.$yellow;
.jq-ry-container {
padding: 0;
}
@include app-ltr-style {
.jq-ry-container {
.jq-ry-normal-group {
svg {
fill: $unratedStarColor;
}
}
}
.jq-ry-container:not(.multi-color-ratings) {
.jq-ry-rated-group {
svg {
fill: $ratedStarColor;
}
}
}
}
@include app-rtl-style {
.jq-ry-container:not(.multi-color-ratings) {
.jq-ry-normal-group {
svg {
fill: $ratedStarColor;
}
}
}
.jq-ry-container {
.jq-ry-rated-group {
svg {
fill: light.rgba-to-hex($unratedStarColor, light.$rgba-to-hex-bg);
}
}
}
}
}
}
// Dark Style
@if $enable-dark-style {
.dark-style {
$unratedStarColor: dark.rgba-to-hex(rgba(dark.$base, 0.16), dark.$rgba-to-hex-bg);
$ratedStarColor: dark.$yellow;
@include app-ltr-style {
.jq-ry-container {
.jq-ry-normal-group {
svg {
fill: $unratedStarColor;
}
}
}
.jq-ry-container:not(.multi-color-ratings) {
.jq-ry-rated-group {
svg {
fill: $ratedStarColor;
}
}
}
}
@include app-rtl-style {
.jq-ry-container:not(.multi-color-ratings) {
.jq-ry-normal-group {
svg {
fill: $ratedStarColor;
}
}
}
.jq-ry-container {
.jq-ry-rated-group {
svg {
fill: dark.rgba-to-hex($unratedStarColor, dark.$rgba-to-hex-bg);
}
}
}
}
}
}