catalog-ui/src/app/view-models/shared/notification-template.less

   1 .notification-container{
   2     display: flex;
   3     padding: 15px 11px;
   4     float: left;
   5     .icon-container{
   6         flex-grow: 1;
   7         margin-right: 20px;
   8         .icon-circle{
   9             background-color: black;
  10             height: 40px;
  11             width: 40px;
  12             border-radius: 50%;
  13             display: flex;
  14             align-items: center;
  15             margin-right: 0;
  16             background-color: rgba(255, 255, 255, 0.3);
  17             .icon{
  18                 margin: 0 auto;
  19                 display: block;
  20             }
  21         }
  22     }
  23     .msg-content{
  24         flex-grow: 3;
  25         h3{
  26             border-bottom: none;
  27             font-weight: 400;
  28             .f-type._18_m;
  29         }
  30         .message{
  31             font-weight: 300;
  32             .f-type._14_m;
  33         }
  34     }
  35 }
  36 .ui-notification.success{
  37     background-color: @main_color_d;
  38     .icon{
  39         .notification-success-icon;
  40     }
  41 }
  42 .ui-notification.error{
  43     background-color: @func_color_q;
  44     .icon{
  45         .notification-error-icon;
  46     }
  47 }
  48 .ui-notification.info{
  49     background-color: @main_color_a;
  50     .icon{
  51         .notification-process-icon;
  52     }
  53 }