github.com/bosssauce/ponzu@v0.11.1-0.20200102001432-9bc41b703131/system/admin/static/editor/sass/components/_toast.scss (about)

     1  #toast-container {
     2    display:block;
     3    position: fixed;
     4    z-index: 1001;
     5  
     6    @media #{$small-and-down} {
     7      min-width: 100%;
     8      bottom: 0%;
     9    }
    10    @media #{$medium-only} {
    11      min-width: 30%;
    12      left: 5%;
    13      bottom: 7%;
    14    }
    15    @media #{$large-and-up} {
    16      min-width: 8%;
    17      top: 10%;
    18      right: 7%;
    19    }
    20  }
    21  
    22  .toast {
    23    @extend .z-depth-1;
    24    border-radius: 2px;
    25    top: 0;
    26    width: auto;
    27    clear: both;
    28    margin-top: 10px;
    29    position: relative;
    30    max-width:100%;
    31    height: $toast-height;
    32    line-height: $toast-height;
    33    background-color: $toast-color;
    34    padding: 0 25px;
    35    font-size: 1.1rem;
    36    font-weight: 300;
    37    color: $toast-text-color;
    38  
    39    @include flexbox();
    40    @include align(center);
    41    @include justify-content(space-between);
    42  
    43    .btn, .btn-flat {
    44      margin: 0;
    45      margin-left: 3rem;
    46    }
    47  
    48    &.rounded{
    49      border-radius: 24px;
    50    }
    51  
    52    @media #{$small-and-down} {
    53      width:100%;
    54      border-radius: 0;
    55    }
    56    @media #{$medium-only} {
    57      float: left;
    58    }
    59    @media #{$large-and-up} {
    60      float: right;
    61    }
    62  
    63  }