
// @require widgets/infobar/infobar.scss

//TODO: Push up `FAB` if needed
//TODO: Make toast scrollables, maybe, so that in no case they will fill up the entire screen
//TODO: Maybe switch to an equally good but faster to compute animation

/* TOAST */

.toast {

  @include children-no-gutter ();
  @include z-depth ( $toast-z-depth, $toast-z-depth-force, $toast-z-depth-basic );
  display: block;
  border-radius: $toast-border-radius;
  pointer-events: auto;
  transition: none; // Safari fix
  transition-property: border-radius, border-width, opacity, filter, box-shadow, font-size, padding, margin;
  transition-duration: $toast-animation-duration;
  transform: translateZ(0);

  /* IMG */

  &-img {
    width: $toast-img-size;
    border-radius: if( $toast-img-rounded, $circular-border-radius, $toast-border-radius );
  }

  /* BUTTONS */

  &-buttons {
    @include padding-x ( $gutter );
  }

  /* INFOBAR */

  > .infobar {
    transition: padding $toast-animation-duration;
  }

}

/* HORIZONTAL GROW FIX (IE-10/11)*/

html.flexbox-tweener {

  .toast {

    > .infobar {

      flex-wrap: nowrap;

      .infobar-center {
        flex-basis: auto;
      }

    }

  }

}
