quasar
Version:
Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
30 lines (23 loc) • 513 B
text/stylus
.q-rating
color: $rating-grade-color
vertical-align: middle
color: currentColor
text-shadow: $rating-shadow
position: relative
opacity: .4
transition: transform .2s ease-in, opacity .2s ease-in
&--hovered
transform: scale(1.3)
&--active
opacity: 1
&--exselected
opacity: .7
& + &
margin-left: 2px
&--no-dimming .q-rating__icon
opacity: 1
&--editable .q-icon
cursor: pointer
&--non-editable span, .q-icon
outline: 0