vuestic-ui/dist/esm-node/VaRating.css

Vue 3 UI Framework

:root,
:host {
  --va-rating-display: flex;
  /* Number item */
  --va-rating-number-item-font-size: inherit;
  --va-rating-number-item-margin: 0.1em;
  --va-rating-number-item-font-weight: 700;
  --va-rating-number-item-cursor: pointer;
  /* Item wrapper */
  --va-rating-item-wrapper-cursor: pointer;
}
.va-rating {
  display: var(--va-rating-display);
  font-family: var(--va-font-family);
}
.va-rating__number-item {
  font-size: 100%;
  overflow: visible;
  text-transform: none;
  padding: 0;
  background-color: transparent;
  border-style: none;
  font-size: var(--va-rating-number-item-font-size);
  margin: var(--va-rating-number-item-margin);
  font-weight: var(--va-rating-number-item-font-weight);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.va-rating--disabled .va-rating__number-item {
  cursor: default;
  opacity: 0.4;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.va-rating--readonly .va-rating__number-item {
  cursor: default;
}
.va-rating__item-wrapper {
  display: flex;
  cursor: var(--va-rating-item-wrapper-cursor);
}
.va-rating--readonly .va-rating__item-wrapper, .va-rating--disabled .va-rating__item-wrapper {
  cursor: default;
}
.va-rating-item {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.va-rating--disabled .va-rating-item {
  cursor: default;
  opacity: 0.4;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.va-rating--disabled .va-rating-item__wrapper {
  cursor: initial !important;
}
.va-rating--readonly .va-rating-item .va-rating-item__wrapper {
  cursor: initial !important;
}
.va-rating__text-wrapper {
  padding-left: 10px;
}