JSFiddle - React, Tailwind, and code Playground

by pierian_design

HTML

<div class="scpReviewsRating__Rank">
  
</div>

CSS

.scpReviewsRating__Rank {
    display: inline-block;
    height: 9px;
    width: 40px;
    background: yellow;
    background-size: 9px 18px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
  only screen and ( min--moz-device-pixel-ratio: 1.25),
  only screen and ( -o-min-device-pixel-ratio: 1.25/1),
  only screen and ( min-device-pixel-ratio: 1.25),
  only screen and ( min-resolution: 160dpi),
  only screen and ( min-resolution: 1.25dppx) {
  .scpReviewsRating__Rank {
      background: orange;
  }

}