css/bootstrap/alerts.less

   1 //
   2 // Alerts
   3 // --------------------------------------------------
   4
   5
   6 // Base styles
   7 // -------------------------
   8
   9 .alert {
  10   padding: 8px 35px 8px 14px;
  11   margin-bottom: @baseLineHeight;
  12   text-shadow: 0 1px 0 rgba(255,255,255,.5);
  13   background-color: @warningBackground;
  14   border: 1px solid @warningBorder;
  15   .border-radius(4px);
  16   color: @warningText;
  17 }
  18 .alert h4 {
  19   margin: 0;
  20 }
  21
  22 // Adjust close link position
  23 .alert .close {
  24   position: relative;
  25   top: -2px;
  26   right: -21px;
  27   line-height: @baseLineHeight;
  28 }
  29
  30
  31 // Alternate styles
  32 // -------------------------
  33
  34 .alert-success {
  35   background-color: @successBackground;
  36   border-color: @successBorder;
  37   color: @successText;
  38 }
  39 .alert-danger,
  40 .alert-error {
  41   background-color: @errorBackground;
  42   border-color: @errorBorder;
  43   color: @errorText;
  44 }
  45 .alert-info {
  46   background-color: @infoBackground;
  47   border-color: @infoBorder;
  48   color: @infoText;
  49 }
  50
  51
  52 // Block alerts
  53 // -------------------------
  54
  55 .alert-block {
  56   padding-top: 14px;
  57   padding-bottom: 14px;
  58 }
  59 .alert-block > p,
  60 .alert-block > ul {
  61   margin-bottom: 0;
  62 }
  63 .alert-block p + p {
  64   margin-top: 5px;
  65 }