<div class="form-item form-item--payment-widget">
    <!-- Replace everything inside .form-item with the payment widget during implementation. Styles are inline so they aren't included in the build. -->
    <div style="position: relative; min-height: 80px; background-color: #e2e2e2; text-align: center;">
        <span style="position: absolute; top: calc(50% - 16px); right: 0; left: 0; color: #999999; font-size: 2.7rem; font-weight: bold; letter-spacing: 3px; line-height: 3.2rem; text-transform: uppercase;">Delego Widget</span>
    </div>
</div>
<div class="form-item form-item--payment-widget">
  <!-- Replace everything inside .form-item with the payment widget during implementation. Styles are inline so they aren't included in the build. -->
  <div style="position: relative; min-height: {{#if methodSelected}}80px{{else}}350px{{/if}}; background-color: #e2e2e2; text-align: center;">
    <span style="position: absolute; top: calc(50% - 16px); right: 0; left: 0; color: #999999; font-size: 2.7rem; font-weight: bold; letter-spacing: 3px; line-height: 3.2rem; text-transform: uppercase;">Delego Widget</span>
  </div>
</div>
{
  "methodSelected": true
}
  • Content:
    .form-item--payment-widget {
      max-width: 500px;
    
      iframe {
        width: 100%;
    
        @include breakpoint($breakpoint-sm-only) {
          width: 100px;
          min-width: 100%;
        }
      }
    }
    
  • URL: /components/raw/payment-widget/payment-widget.scss
  • Filesystem Path: src/components/01-elements/form-items/payment-widget/payment-widget.scss
  • Size: 181 Bytes

There are no notes for this item.