[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phabricator-notification-css
   3   */
   4  
   5  .jx-notification-container {
   6    position: fixed;
   7  
   8    bottom: 24px;
   9    left: 24px;
  10  }
  11  
  12  .jx-notification {
  13    width: 240px;
  14    padding: 8px 16px;
  15  
  16    font-size: 11px;
  17    overflow: hidden;
  18  
  19    background: {$lightsky};
  20    color: {$darkgreytext};
  21    border: 1px solid {$sky};
  22  
  23    cursor: pointer;
  24  
  25    border-radius: 3px;
  26    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  27    margin-top: 4px;
  28  }
  29  
  30  .jx-notification-alert {
  31    background: {$lightyellow};
  32    border: 1px solid {$yellow};
  33  }
  34  
  35  .jx-notification-debug {
  36    background: {$lightindigo};
  37    border: 1px solid {$indigo};
  38  }
  39  
  40  .jx-notification-done {
  41    background: {$lightgreen};
  42    border: 1px solid {$green};
  43  }
  44  
  45  .jx-notification-error {
  46    background: {$lightred};
  47    border: 1px solid {$red};
  48  }
  49  
  50  .jx-notification-security {
  51    background: {$lightviolet};
  52    border: 1px solid {$violet};
  53  }
  54  
  55  .jx-notification-container .phabricator-notification {
  56    padding: 0;
  57  }