Contents

.rating_cabinet {
  text-align: center;

  .rating_item {
    position: relative;
    display: inline-block;
    vertical-align: top;

    .icon-star {
      background: url(/assets/cabinet/stars.png) left top no-repeat;
      background-size: 24px;
      display: inline-block;
      vertical-align: top;
      width: 24px;
      height: 24px;
      cursor: pointer;
      margin: 0 2px;
    }

    &.rating-state-filled {

      .icon-star {
        background-position: left bottom;
      }
    }

    &.rating-state-disabled {

      input[type="radio"] {
        pointer-events: none;
      }

      label {
        opacity: .5;
      }
    }

    input[type="radio"] {
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      background: none;
      border: none;
      position: absolute;
      width: 1px;
      height: 1px;
      position: absolute;
      overflow: hidden;
      visibility: hidden;
      top: 0;
      left: 0;
    }

    label {
      color: #D8D8D8;
      font-size: 22px;
    }
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
translation_cms-0.1.5	app/assets/stylesheets/cabinet/desktop/ui/_rating.scss