PolicyGenius - Style Guide

Rating Index

Phasellus nisi

Sed lobortis et

 
.mod-rating-index
  h4 Phasellus nisi
  h4 Sed lobortis et
  ul
    li
      a href='#' Vestibulum ante
      .rating
        .com-rating.compact.narrow
          .stars
            .i-star.active
            .i-star.active
            .i-star.active
            .i-star
            .i-star
    li
      a href='#' Luctus et ultrices posuere
      .rating
        .com-rating.compact.narrow
          .stars
            .i-star.active
            .i-star.active
            .i-star.active
            .i-star
            .i-star
    li
      a href='#' Phasellus tellus
      .rating
        .com-rating.compact.narrow
          .stars
            .i-star.active
            .i-star.active
            .i-star.active
            .i-star
            .i-star
    li
      a href='#' Viverra tincidunt
      .rating
        .com-rating.compact.narrow
          .stars
            .i-star.active
            .i-star.active
            .i-star.active
            .i-star
            .i-star
    li
      a href='#' Vestibulum at lorem
      .rating
        .com-rating.compact.narrow
          .stars
            .i-star.active
            .i-star.active
            .i-star.active
            .i-star
            .i-star
    li
      a href='#' Vivamus dictum justo
      .rating
        .com-rating.compact.narrow
          .stars
            .i-star.active
            .i-star.active
            .i-star.active
            .i-star
            .i-star
    li
      strong: a href='#' Sollicitudin

Etiam malesuada quis augue

Sed non tortor id neque posuere luctus ac vel sapien. Nullam metus velit, efficitur commodo elementum vitae, porttitor id tortor.

Fusce sagittis

PRETIUM

Maecenas ullamcorper turpis quis

Fusce

Quis elit
 
.mod-rating-index
  h4 Etiam malesuada quis augue
  p Sed non tortor id neque posuere luctus ac vel sapien. Nullam metus velit, efficitur commodo elementum vitae, porttitor id tortor.
  .cards
    a.mod-card.rating href='#'
      h3: span Fusce sagittis
      .content
        .com-rating.compact.narrow
          .stars
            .i-star.active
            .i-star.active
            .i-star.active
            .i-star
            .i-star
    a.mod-card.rating href='#'
      h3: span PRETIUM
      .content
        .com-rating.compact.narrow
          .stars
            .i-star.active
            .i-star.active
            .i-star.active
            .i-star
            .i-star
    a.mod-card.rating href='#'
      h3: span Maecenas ullamcorper turpis quis
      .content
        .com-rating.compact.narrow
          .stars
            .i-star.active
            .i-star.active
            .i-star.active
            .i-star
            .i-star
    a.mod-card.rating href='#'
      h3: span Fusce
      .content
        .com-rating.compact.narrow
          .stars
            .i-star.active
            .i-star.active
            .i-star.active
            .i-star
            .i-star
  a href='#' Quis elit