/** * kk Star Ratings * @see https://github.com/kamalkhan/kk-star-ratings */ .kk-star-ratings { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /* vertical-align: text-top; */ } .kk-star-ratings.kksr-shortcode { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .kk-star-ratings.kksr-valign-top { margin-bottom: 2rem; } .kk-star-ratings.kksr-valign-bottom { margin-top: 2rem; } .kk-star-ratings.kksr-align-left { -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .kk-star-ratings.kksr-align-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .kk-star-ratings.kksr-align-right { -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .kk-star-ratings .kksr-muted { opacity: .5; } .kk-star-ratings .kksr-stars { position: relative; } .kk-star-ratings .kksr-stars .kksr-stars-active, .kk-star-ratings .kksr-stars .kksr-stars-inactive { display: flex; } .kk-star-ratings .kksr-stars .kksr-stars-active { overflow: hidden; position: absolute; top: 0; left: 0; } .kk-star-ratings .kksr-stars .kksr-star { cursor: pointer; padding-right: 0px; } .kk-star-ratings.kksr-disabled .kksr-stars .kksr-star { cursor: default; } /* .kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star:last-child, .kk-star-ratings .kksr-stars .kksr-stars-inactive .kksr-star:last-child { padding-right: 0px !important; } */ .kk-star-ratings .kksr-stars .kksr-star .kksr-icon { transition: .3s all; } /* Images */ .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-stars-active { width: 0 !important; } .kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon { background-image: url("../svg/inactive.svg"); } .kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon { background-image: url("../svg/active.svg"); } .kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon { background-image: url("../svg/selected.svg"); } /* Legend */ .kk-star-ratings .kksr-legend { margin-left: .75rem; margin-right: .75rem; /* font-size: 90%; */ /* opacity: .8; */ /* line-height: 1; */ } /* RTL */ [dir="rtl"] .kk-star-ratings .kksr-stars .kksr-stars-active { left: auto; right: 0; } /* [dir="rtl"] .kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star:last-child, [dir="rtl"] .kk-star-ratings .kksr-stars .kksr-stars-inactive .kksr-star:last-child { padding-left: 0px !important; } */