Thanks

<div class="confirmation-thanks">
    <span class="confirmation-thanks__headline">Thank You John Doe</span>
    <p class="confirmation-thanks__description">Your order has been placed, you will receive a confirmation email of your repair.</p>
</div>
<div class="confirmation-thanks">
  {{#if headline}}
  <span class="confirmation-thanks__headline">{{headline}}</span>
  {{/if}}
  {{#if description}}
  <p class="confirmation-thanks__description">{{description}}</p>
  {{/if}}
</div>
{
  "pageCss": [
    "checkout"
  ],
  "headline": "Thank You John Doe",
  "description": "Your order has been placed, you will receive a confirmation email of your repair."
}
  • Content:
    // .confirmation-details__* classes can be removed once it is confirmed that
    // they are not used in production.
    
    .confirmation-details__headline,
    .confirmation-thanks__headline {
      display: block;
      margin: 15px 0;
      color: $color-darkest;
      font-size: 1.6rem;
      line-height: 1.9rem;
      text-align: center;
    
      @include breakpoint($breakpoint-xl) {
        margin-bottom: 0;
        font-size: 2.7rem;
        line-height: 3.2rem;
      }
    }
    
    .confirmation-details__description,
    .confirmation-thanks__description {
      margin: 10px 0;
      padding: 0 10px;
      color: $color-dark;
      font-size: 1.4rem;
      line-height: 1.7rem;
    
      @include breakpoint($breakpoint-md) {
        padding: 0 40px;
        text-align: center;
      }
    
      @include breakpoint($breakpoint-xl) {
        margin-bottom: 50px;
        font-size: 1.9rem;
        line-height: 2.3rem;
      }
    }
    
  • URL: /components/raw/confirmation-thanks/confirmation-thanks.scss
  • Filesystem Path: src/components/02-components/confirmation/confirmation-thanks/confirmation-thanks.scss
  • Size: 810 Bytes
  • Handle: @confirmation-thanks
  • Preview:
  • Filesystem Path: src/components/02-components/confirmation/confirmation-thanks/confirmation-thanks.html

There are no notes for this item.