Rate module based on ionicons

_rate.scss

/* ==|====================
   Module/Rate
   Is used for add a rate
   thanks to https://css-tricks.com/star-ratings/
   ======================= */

.rate {
  font-size: 40px;
  white-space: nowrap;
  direction: rtl;
  display: inline-block;
}

.rate-star {
  margin-right: 3px;
  color: #ffb64f;

  &:before {
    content: "\f4b2";
  }

  &:hover {
    &:before {
      content: "\f4b3";
    }

    & ~ .rate-star {
      &:before {
        content: "\f4b3";
      }
    }
  }

  &.is-selected {
    &:before {
      content: "\f4b3";
    }
  }
}