rbowen / centos / centos.org

Forked from centos/centos.org 3 years ago
Clone

Blame content/assets/css/bootstrap/_alerts.scss

e8ec7a
//
e8ec7a
// Alerts
e8ec7a
// --------------------------------------------------
e8ec7a
e8ec7a
e8ec7a
// Base styles
e8ec7a
// -------------------------
e8ec7a
e8ec7a
.alert {
e8ec7a
  padding: $alert-padding;
e8ec7a
  margin-bottom: $line-height-computed;
e8ec7a
  border: 1px solid transparent;
e8ec7a
  border-radius: $alert-border-radius;
e8ec7a
e8ec7a
  // Headings for larger alerts
e8ec7a
  h4 {
e8ec7a
    margin-top: 0;
e8ec7a
    // Specified for the h4 to prevent conflicts of changing $headingsColor
e8ec7a
    color: inherit;
e8ec7a
  }
e8ec7a
  // Provide class for links that match alerts
e8ec7a
  .alert-link {
e8ec7a
    font-weight: $alert-link-font-weight;
e8ec7a
  }
e8ec7a
e8ec7a
  // Improve alignment and spacing of inner content
e8ec7a
  > p,
e8ec7a
  > ul {
e8ec7a
    margin-bottom: 0;
e8ec7a
  }
e8ec7a
  > p + p {
e8ec7a
    margin-top: 5px;
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
// Dismissable alerts
e8ec7a
//
e8ec7a
// Expand the right padding and account for the close button's positioning.
e8ec7a
e8ec7a
.alert-dismissable {
e8ec7a
 padding-right: ($alert-padding + 20);
e8ec7a
e8ec7a
  // Adjust close link position
e8ec7a
  .close {
e8ec7a
    position: relative;
e8ec7a
    top: -2px;
e8ec7a
    right: -21px;
e8ec7a
    color: inherit;
e8ec7a
  }
e8ec7a
}
e8ec7a
e8ec7a
// Alternate styles
e8ec7a
//
e8ec7a
// Generate contextual modifier classes for colorizing the alert.
e8ec7a
e8ec7a
.alert-success {
e8ec7a
  @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
e8ec7a
}
e8ec7a
.alert-info {
e8ec7a
  @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
e8ec7a
}
e8ec7a
.alert-warning {
e8ec7a
  @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
e8ec7a
}
e8ec7a
.alert-danger {
e8ec7a
  @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
e8ec7a
}