git.roojs.org Git - roojs1/blob - scss/bootstrap/_toasts.scss

   1 .toast {
   2   display: none;
   3   max-width: $toast-max-width;
   4   overflow: hidden; // cheap rounded corners on nested items
   5   font-size: $toast-font-size; // knock it down to 14px
   6   background-color: $toast-background-color;
   7   background-clip: padding-box;
   8   border: $toast-border-width solid $toast-border-color;
   9   border-radius: $toast-border-radius;
  10   box-shadow: $toast-box-shadow;
  11   backdrop-filter: blur(10px);
  12
  13   + .toast {
  14     margin-top: $toast-padding-x;
  15   }
  16
  17   &.show {
  18     display: block;
  19   }
  20 }
  21
  22 .toast-header {
  23   display: flex;
  24   align-items: center;
  25   padding: $toast-padding-y $toast-padding-x;
  26   color: $toast-header-color;
  27   background-color: $toast-header-background-color;
  28   background-clip: padding-box;
  29   border-bottom: $toast-border-width solid $toast-header-border-color;
  30 }
  31
  32 .toast-body {
  33   padding: $toast-padding-x; // apply to both vertical and horizontal
  34 }