github.com/replicatedhq/ship@v0.55.0/web/init/src/scss/components/shared/Toast.scss (about)

     1  @import "../../variables/variables.scss";
     2  
     3  .Toast-wrapper {
     4    padding: 16px 30px 14px;
     5    background-color: #F5F8FC;
     6    z-index: 300;
     7    position: absolute;
     8    left: 0;
     9    right: 0;
    10    top: 0;
    11    box-shadow: 0 1px 3px rgba(0,0,0,0.16);
    12    transform: translateY(-150px);
    13    transition: transform .2s ease-in-out;
    14  
    15    &.visible {
    16      transform: translateY(0);
    17    }
    18  
    19    .Toast-title {
    20      color: $header-color;
    21      font-size: 16px;
    22      font-weight: 700;
    23      line-height: 24px;
    24    }
    25    .Toast-sub {
    26      color: $font-color;
    27      font-size: 14px;
    28      font-weight: 500;
    29      line-height: 20px;
    30      margin-top: 4px;
    31    }
    32  
    33    &.success {
    34      background-color: #ECF4E4;
    35  
    36      .Toast-title {
    37        color: #65A61E;
    38      }
    39      .Toast-sub {
    40        color: #717171;
    41      }
    42    }
    43  
    44    &.error {
    45      background-color: #FBECEA;
    46  
    47      .Toast-title {
    48        color: #BC4752;
    49      }
    50      .Toast-sub {
    51        color: #717171;
    52      }
    53      
    54    }
    55  
    56  }