Learn more  » Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Bower components Debian packages RPM packages NuGet packages

jsarnowski / jsarnowski/jet-smart-filters   php

Repository URL to install this package:

Version: 2.2.1 

/ scss / filters / _rating.scss

.jet-rating {
	border: none;
	overflow: hidden;

	.jet-rating-stars {
		display: inline-block;
	}

	.jet-rating-stars__fields {
		float: left;
	}

	fieldset,
	label {
		margin: 0;
		padding: 0;
		border: none;
	}

	.jet-rating-star {
		&__input {
			display: none;
		}
		&__icon {
			font-size: 1.25em;
			display: inline-block;
		}
		&__label {
			color: #dddddd;
			float: right;

			&:last-of-type {
				.jet-rating-star__icon {
					margin-left: 0 !important;
				}
			}
		}
	}

	input.is-checked ~ label,/* show gold star when clicked */
	&:not(.is-checked) label:hover,/* hover current star */
	&:not(.is-checked) label:hover ~ label {
		/* hover previous stars in list */
		color: #ffd700;
	}

	input.is-checked + label:hover, /* hover current star when changing jet-rating */
	input.is-checked ~ label:hover,
	label:hover ~ input.is-checked ~ label, /* lighten current selection */
	input.is-checked ~ label:hover ~ label {
		color: #ffed85;
	}
}