Custom theme (replace with client name)

Empty Listing Error 

<div class="empty-listing-error">
    <div class="empty-listing-error__content">
        <h2 class="empty-listing-error__heading">Oh dang, there's no content</h2>
        <div class="empty-listing-error__message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo.</div>
    </div>
</div>
 
<div class="empty-listing-error">
    <div class="empty-listing-error__content">
        <h2 class="empty-listing-error__heading">{{ listingError.heading }}</h2>
        <div class="empty-listing-error__message">{{ listingError.message }}</div>
    </div>
</div>
 
{
  "listingError": {
    "heading": "Oh dang, there's no content",
    "message": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo."
  }
}
  • Content: 
    .empty-listing-error
    --backgroundColor cloud
    --textColor greyDarkest

    padding-bottom 80px

    +above(800px)
        padding-bottom 128px

    &__content
        @extends $componentWithMargin

    &__heading
        @extends $headline1
        color var(--textColor)
        margin-bottom 16px

    &__message
        @extends $detail
        color var(--textColor)
  • URL: /components/raw/empty-listing-error/empty-listing-error.styl
  • Filesystem Path: patterns/partials/empty-listing-error/empty-listing-error.styl
  • Size: 378 Bytes
  • Handle: @empty-listing-error
  • Preview:
  • Filesystem Path: patterns/partials/empty-listing-error/empty-listing-error.twig

No notes defined.