Contents

@import "../tokens/colors";
@import "../tokens/opacity";
@import "../tokens/spacing";


[class*=pb_star_rating_kit] {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;

  path {
    &.suble_star_dark {
      fill: $text_dk_default; // Replace "red" with your desired color
    }
    &.suble_star_light {
      fill: #242B42; // Replace "red" with your desired color
    }
    &.outline_star_dark {
      stroke: $text_dk_lighter; // Replace "red" with your desired color
    }
    &.outline_star_light {
      stroke: #C1CDD6; // Replace "red" with your desired color
    }
    &.empty_star_dark {
      fill: $border_dark; // Replace "red" with your desired color
    }
    &.empty_star_light {
      fill: #E4E8F0; // Replace "red" with your desired color
    }
  }

  .number_rails_xs {
    height: 22px !important;
  }

  .number_rails_sm {
    height: 22px !important;
  }

  .number_rails_md {
    height: 26px;
  }

  .number_rails_lg {
    height: 38px;
  }

  .pb_star_rating_wrapper {
    display: flex;
  }

  .pb_star_rating_number_xs {
    max-height: 16px;
  }

  .pb_star_rating_number_sm {
    max-height: 16px;
  }

  .pb_star_rating_number_md {
    max-height: 32px;
  }

  .pb_star_rating_number_lg {
    max-height: 56px;
  }

  .pb_star_xs {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 4px;
  }

  .pb_star_sm {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 4px;
  }

  .pb_star_md {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 6px;
  }

  .pb_star_lg {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 12px;
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
playbook_ui-13.12.0.pre.alpha.play900startratingasinput1550	app/pb_kits/playbook/pb_star_rating/_star_rating.scss
playbook_ui-13.12.0.pre.alpha.play900startratingasinput1543	app/pb_kits/playbook/pb_star_rating/_star_rating.scss