<div class="checkout-express">
    <h2 class="checkout-express__iframe-header">Express Checkout Options - Skip the Line</h2>
    <iframe class="checkout-express__iframe" src="../../assets/static/html/express-checkout.html" frameborder="0"></iframe>
</div>
<div class="checkout-express">
  <h2 class="checkout-express__iframe-header">{{title}}</h2>
  <iframe class="checkout-express__iframe" src="{{path '/assets/static/html/express-checkout.html'}}" frameborder="0"></iframe>
</div>
{
  "pageCss": [
    "checkout"
  ],
  "title": "Express Checkout Options - Skip the Line"
}
  • Content:
    // Note: This entire stylesheet is served as critical CSS.
    /* critical:start */
    .checkout-express {
      // Target iframe injected by Delego, whose class we cannot control.
      iframe {
        z-index: 2;
      }
    }
    
    .checkout-express__iframe-header {
      margin-bottom: 0;
      font-size: 2.4rem;
      font-weight: $font-weight-bold;
      line-height: 2.8rem;
    }
    
    .checkout-express__iframe {
      width: 100%;
      height: 11rem;
    
      @include breakpoint($breakpoint-xl) {
        height: 7rem;
      }
    }
    /* critical:end */
    
  • URL: /components/raw/checkout-express/checkout-express.scss
  • Filesystem Path: src/components/02-components/checkout/checkout-express/checkout-express.scss
  • Size: 484 Bytes
  • Handle: @checkout-express
  • Preview:
  • Filesystem Path: src/components/02-components/checkout/checkout-express/checkout-express.html

There are no notes for this item.