<div class="shipping-dropdown">
    <strong>Ship to</strong>
    <br>
    <span>500 N Kingsbury St Chicago, IL 60654, USA</span>
</div>
<div class="shipping-dropdown">
  {{#if preSelected}}
  <strong>{{label}}</strong>
  <br>
  <span>{{preSelected}}</span>
  {{else}}
  {{> @select-normal}}
  {{/if}}
</div>
{
  "preSelected": "500 N Kingsbury St Chicago, IL 60654, USA",
  "id": "shopping-cart-ship-to",
  "name": "shopping-cart-ship-to",
  "label": "Ship to",
  "required": null,
  "options": [
    {
      "value": "1",
      "label": "500 N Kingsbury St Chicago, IL 60654, USA"
    },
    {
      "value": "2",
      "label": "600 S 55th St New York, NY 10280, USA"
    }
  ]
}
  • Content:
    .shipping-dropdown {
      @if $brand == 'b2b' {
        padding-right: 2rem;
        padding-bottom: 2rem;
    
        strong,
        span {
          line-height: 1.8;
        }
    
        label,
        strong {
          font-size: 1.4rem;
          font-weight: $font-weight-bold;
        }
    
        .form-item--error {
          .select {
            border-width: 2px;
            border-color: $color-error;
          }
        }
    
        .select-wrapper {
          margin-top: 1rem;
    
          @include breakpoint($breakpoint-md) {
            max-width: 40rem;
          }
        }
    
        .input-error {
          font-weight: $font-weight-normal;
    
          @include breakpoint($breakpoint-md) {
            max-width: 40rem;
          }
        }
    
        @include breakpoint($breakpoint-md) {
          padding-top: 2.5rem;
    
          // Normally, we would do & + & here, but this doesn’t work because we
          // scope all b2b styles in b2b.scss.
          & + .shipping-dropdown {
            padding-top: 0;
          }
        }
      }
    }
    
  • URL: /components/raw/shipping-dropdown/shipping-dropdown.scss
  • Filesystem Path: src/components/01-elements/form-items/shipping-dropdown/shipping-dropdown.scss
  • Size: 906 Bytes

There are no notes for this item.