github.com/mithrandie/csvq@v1.18.1/docs/_sass/components/_toast.scss (about)

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