UCI

Tile review 

<div class="tile-review">
    <div class="tile-review__rating">
        <div class="star-wrapper">
            <span class="star
"></span>
        </div>

        <div class="star-wrapper">
            <span class="star
"></span>
        </div>

        <div class="star-wrapper">
            <span class="star
"></span>
        </div>

        <div class="star-wrapper">
            <span class="star
"></span>
        </div>

        <div class="star-wrapper">
            <span class="star
            star_hollow
        "></span>
        </div>

    </div>
    <div class="tile-review__bodycopy">
        <div class="
            especial-m
            
        ">
            <p>Ha sido una experiencia totalmente positiva. Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>
        </div>
    </div>
    <div class="tile-review__date">
        <div class="text-label-m">Sep 2019</div>
    </div>
</div>
 
<div class="tile-review">
    <div class="tile-review__rating">
        {{ render '@star' }}
        {{ render '@star' }}
        {{ render '@star' }}
        {{ render '@star' }}
        {{ render '@star--hollow' }}
    </div>
    <div class="tile-review__bodycopy">
        {{> @especial-m bodycopy }}
    </div>
    <div class="tile-review__date">
        {{> @text-label-m date }}
    </div>
</div>
 
{
  "bodycopy": {
    "text": "<p>Ha sido una experiencia totalmente positiva. Por parte de nuestro gestor, una total atención, claridad, implicación y empatía.</p>"
  },
  "date": {
    "text": "Sep 2019"
  }
}
  • Content: 
    .tile-review {
    text-align: center;

    &__rating {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;

        @media (--viewport-ms-min) {
            margin-bottom: 30px;
        }
    }

    &__bodycopy {
        margin-bottom: 20px;

        @media (--viewport-ms-min) {
            margin-bottom: 30px;
        }
    }
}
  • URL: /components/raw/tile-review/tile-review.css
  • Filesystem Path: src/02-molecules/tile-review/tile-review.css
  • Size: 365 Bytes

No notes defined.