Review

<div id="review-420-11T" class="review__container" data-review-sku="420-11T">
    <div id="tt-reviews-summary"></div>
    <div id="tt-reviews-list"></div>
</div>
<div id="review-{{ sku }}" class="review__container" data-review-sku="{{ sku }}">
  <div id="tt-reviews-summary"></div>
  <div id="tt-reviews-list"></div>
</div>
{
  "enableTurnTo": true,
  "sku": "420-11T"
}
  • Content:
    (function (window) {
      'use strict';
      const skuContainer = document.querySelector('.review__container[data-review-sku]');
      const lang = document.documentElement.getAttribute('lang') || 'en-US';
      const locale = lang.replace('-', '_');
      if (skuContainer) {
        const sku = skuContainer.getAttribute('data-review-sku');
        window.turnToConfig = {
          locale: locale,
          pageId: 'pdp-page',
          sku: sku,
        };
        window.TurnToCmd = window.TurnToCmd || function () {
          (TurnToCmd.q = TurnToCmd.q || []).push(arguments)
        };
      }
    })(this);
    
  • URL: /components/raw/review/review.js
  • Filesystem Path: src/components/01-elements/review/review.js
  • Size: 554 Bytes
  • Content:
    $tt-dark-color: #252525;
    $tt-light-color: #757575;
    $tt-green: #0c7257;
    $tt-border-color: #e2e2e2;
    
    .review__container {
    
      .tt-c-reviews-list {
        padding-bottom: 40px;
      }
    
      .tt-c-ratings-breakdown__rating-number {
        color: $tt-dark-color;
      }
    
      .tt-c-summary-dim-rating__progress,
      .tt-c-ratings-breakdown__bar-progress {
        background-color: $tt-dark-color;
      }
    
      .tt-c-reviews-summary__grid-header {
        border-bottom: 0;
      }
    
      .tt-c-rating__star {
        path {
          fill: $tt-dark-color;
        }
      }
    
      .tt-l-grid__row .tt-c-reviews-summary__grid-row {
        display: none;
      }
    
      .tt-o-icon--star--full,
      .tt-o-icon--star--half,
      .tt-o-icon--star--empty {
        width: 15px;
        height: 15px;
        color: $tt-dark-color;
        stroke: $tt-dark-color;
        fill: $tt-dark-color;
      }
    
      .tt-o-button--primary {
        width: auto;
        padding: 15px 25px;
        background-color: $tt-green;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
      }
    
      .tt-c-rating {
        margin-bottom: 20px;
      }
    
      .tt-c-review__rating {
        margin-bottom: 0;
      }
    
      .tt-c-media-modal__review .tt-c-rating__icon {
        fill: $tt-dark-color;
      }
    
      [class^='tt-'] {
        font-size: 14px;
    
        p {
          font-size: 14px;
        }
      }
    
      .tt-c-related-reviews-list {
        display: none;
      }
    
      .tt-c-dimension__progress {
        background-color: $tt-dark-color;
      }
    
      .tt-c-reviews-summary__rating-number {
        font-size: 30px;
      }
    
      .tt-c-reviews-summary__heading {
        display: none;
      }
    
      .tt-c-reviews-summary__rating {
        margin-bottom: 10px;
      }
    
      .tt-c-review {
        border-bottom: 2px solid $tt-border-color;
      }
    
      .tt-c-reviews-summary__rating-text {
        font-size: 14px;
        line-height: 17px;
      }
    
      .tt-c-summary-dim__heading {
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
      }
    
      .tt-c-summary-dim-rating__bar,
      .tt-c-ratings-breakdown__bar {
        height: 8px;
        border-radius: 0;
      }
    
      .tt-l-grid__footer {
        display: none;
      }
    
      .tt-c-dimension__bar {
        height: 8px;
        border-radius: 0;
      }
    
      .tt-o-pagination__next .tt-o-icon,
      .tt-o-pagination__back .tt-o-icon {
        width: 12px;
        height: 12px;
      }
    
      button.tt-o-button--icon.tt-o-button--disabled,
      .tt-o-button--icon.tt-o-button--disabled {
        width: 20px;
        height: 25px;
      }
    
      .tt-o-page-list__link {
        padding: 0;
      }
    
      .tt-o-badge--verified-purchaser {
        display: flex;
        width: 52%;
        width: max-content; // sass-lint:disable-line no-duplicate-properties
        margin: .5rem 0 0;
        padding: 1.2rem .5rem;
      }
    }
    
    .tt-o-modal {
      .tt-o-modal__container {
        max-width: 80rem;
        padding: 64px 54px;
      }
    
      [class^='tt-'] {
        font-size: 14px;
        line-height: 17px;
      }
    
      .tt-c-media-modal__item-body {
        min-width: 270px;
      }
    
      .tt-c-media-modal__review .tt-c-rating__icon {
        width: 15px;
        height: 15px;
        color: $tt-dark-color;
        stroke: $tt-dark-color;
        fill: $tt-dark-color;
      }
    
      // Form.
      .tt-c-review-form {
        padding-top: 0;
      }
    
      [class^='tt-c'] {
        color: $tt-dark-color;
        font-size: 14px;
        line-height: 17px;
      }
    
      .tt-c-review-form-header--with-image .tt-c-review-form-header__heading,
      .tt-c-review-form-header__heading {
        color: $tt-dark-color;
        font-size: 28px;
        line-height: 37px;
      }
    
      .tt-c-review-form-header__product-title {
        color: $tt-light-color;
      }
    
      .tt-c-review-form-header__guidelines-link {
        display: inline-block;
        margin-top: 30px;
      }
    
      .tt-c-warn-close-modal__return,
      .tt-c-review-form__submit {
        width: auto;
        padding: 15px 25px;
        background-color: $tt-green;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
      }
    
      .tt-c-warn-close-modal__leave {
        width: auto;
        padding: 15px 25px;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
      }
    
      .tt-o-modal__close {
        padding: 24px;
    
        .tt-o-icon--close {
          width: 15px;
          height: 15px;
        }
      }
    }
    
  • URL: /components/raw/review/review.scss
  • Filesystem Path: src/components/01-elements/review/review.scss
  • Size: 4 KB

There are no notes for this item.