审查视图

public/assets/less/fastadmin/alerts.less 1.5 KB
王智 authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93
/*
 * Component: alert
 * ----------------
 */

.alert {
  .border-radius(3px);
  h4 {
    font-weight: 600;
  }
  .icon {
    margin-right: 10px;
  }
  .close {
    color: #000;
    .opacity(.2);
    &:hover {
      .opacity(.5);
    }
  }
  a {
    color: #fff;
    text-decoration: underline;
  }
}

//Alert Variants
.alert-success {
  &:extend(.bg-green);
  border-color: darken(@green, 5%);
}

.alert-danger,
.alert-error {
  &:extend(.bg-red);
  border-color: darken(@red, 5%);
}

.alert-warning {
  &:extend(.bg-yellow);
  border-color: darken(@yellow, 5%);
}

.alert-info {
  &:extend(.bg-aqua);
  border-color: darken(@aqua, 5%);
}

.alert-primary-light {
  background-color: @primary-light-bg;
  border-color: @primary-light-border;
  color: @primary-light-text;
  a {
    color: darken(@primary-light-text, 5%);
  }
}

.alert-success-light {
  background-color: @success-light-bg;
  border-color: @success-light-border;
  color: @success-light-text;
  a {
    color: darken(@success-light-text, 5%);
  }
}

.alert-danger-light,
.alert-error-light {
  background-color: @danger-light-bg;
  border-color: @danger-light-border;
  color: @danger-light-text;
  a {
    color: darken(@danger-light-text, 5%);
  }
}

.alert-warning-light {
  background-color: @warning-light-bg;
  border-color: @warning-light-border;
  color: @warning-light-text;
  a {
    color: darken(@warning-light-text, 5%);
  }
}

.alert-info-light {
  background-color: @info-light-bg;
  border-color: @info-light-border;
  color: @info-light-text;
  a {
    color: darken(@info-light-text, 5%);
  }
}