storj.io/minio@v0.0.0-20230509071714-0cbc90f649b1/browser/app/less/inc/alert.less (about)

     1  .alert {
     2      border: 0;
     3      position: fixed;
     4      max-width: 500px;
     5      margin: 0;
     6      box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
     7      color: @white;
     8      width: 100%;
     9      right: 20px;
    10      border-radius: 3px;
    11      padding: 17px 50px 17px 17px;
    12      z-index: 10010;
    13      .animation-duration(800ms);
    14      .animation-fill-mode(both);
    15  
    16      &:not(.progress) {
    17          top: 20px;
    18  
    19          @media(min-width: (@screen-sm-min)) {
    20              left: 50%;
    21              margin-left: -250px;
    22          }
    23      }
    24  
    25      &.progress {
    26          bottom: 20px;
    27          right: 20px;
    28      }
    29  
    30      &.alert-danger {
    31          background: @red;
    32      }
    33  
    34      &.alert-success {
    35          background: @green;
    36      }
    37  
    38      &.alert-info {
    39          background: @blue;
    40      }
    41  
    42      @media(max-width: (@screen-xs-max)) {
    43          left: 20px;
    44          width: ~"calc(100% - 40px)";
    45          max-width: 100%;
    46      }
    47  
    48      .progress {
    49          margin: 10px 10px 8px 0;
    50          height: 5px;
    51          box-shadow: none;
    52          border-radius: 1px;
    53          background-color: @blue;
    54          border-radius: 2px;
    55          overflow: hidden;
    56      }
    57  
    58      .progress-bar {
    59          box-shadow: none;
    60          background-color: @white;
    61          height: 100%;
    62      }
    63  
    64      .close {
    65          position: absolute;
    66          top: 15px;
    67      }
    68  }