Toaster

There are no notes for this item.

<div class="toaster animated fadeIn">
    <p class="toaster__content">Toaster popup content</p>
</div>
  • Content:
    /*------------------------------------*\
        #TOASTER
    \*------------------------------------*/
    
    .toaster {
      background-color: $background-popup;
      border: 1px solid $border-tooltip;
      padding: 10px 30px;
      position: fixed;
      width: 100%;
      bottom: 0;
      z-index: 5;
    }
    
    .toaster__content {
      margin-bottom: 0 !important; // !importat here just for preview box layout reasons
    }
    
  • URL: /components/raw/toaster/toaster.scss
  • Filesystem Path: components/02-atoms/12-toaster/toaster.scss
  • Size: 376 Bytes