twbs--bootstrap/scss/_alert.scss

//
// Base styles
//

.alert {
  padding: $alert-padding-y $alert-padding-x;
  margin-bottom: $spacer-y;
  border: $alert-border-width solid transparent;
  @include border-radius($alert-border-radius);
}

// Headings for larger alerts
.alert-heading {
  // Specified to prevent conflicts of changing $headings-color
  color: inherit;
}

// Provide class for links that match alerts
.alert-link {
  font-weight: $alert-link-font-weight;
}


// Dismissible alerts
//
// Expand the right padding and account for the close button's positioning.

.alert-dismissible {
  padding-right: ($alert-padding-x * 2);

  // Adjust close link position
  .close {
    position: relative;
    top: -.125rem;
    right: -$alert-padding-x;
    color: inherit;
  }
}


// Alternate styles
//
// Generate contextual modifier classes for colorizing the alert.

.alert-success {
  @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
}
.alert-info {
  @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
}
.alert-warning {
  @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
}
.alert-danger {
  @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
}
clean up comments and spacing 2015-04-18 18:15:40 +00:00			`//`
standardize top level file comments 2012-06-29 04:46:45 +00:00			`// Base styles`
clean up comments and spacing 2015-04-18 18:15:40 +00:00			`//`
breaking out patterns.less even more, removing unnecessary div from checkbox and radio lists--now just labels and inputs 2012-01-05 18:01:42 +00:00
rewrite alert messages to use less code, combine the look of default and block messages, simplify docs 2012-01-15 00:18:15 +00:00			`.alert {`
Switch to separate vars for alert vertical/horizontal padding 2016-10-19 02:18:06 +00:00			`padding: $alert-padding-y $alert-padding-x;`
Remove $line-height-computed We have it set to `1` right now just to avoid compilation errors, but it’s been replaced everywhere with our new spacer classes anywho. We’ll likely want to remap that var to custom component vars though (e.g., `$pagination-margin` instead of `$spacer-y`). 2015-04-29 19:00:11 +00:00			`margin-bottom: $spacer-y;`
#17895 Added $alert-border-width that defaults to $border-width 2015-10-15 14:57:15 +00:00			`border: $alert-border-width solid transparent;`
convert to scss 2014-12-02 22:02:35 +00:00			`@include border-radius($alert-border-radius);`
rewrite alert messages to use less code, combine the look of default and block messages, simplify docs 2012-01-15 00:18:15 +00:00			`}`
breaking out patterns.less even more, removing unnecessary div from checkbox and radio lists--now just labels and inputs 2012-01-05 18:01:42 +00:00
un-nest .alert-heading & .alert-link 2014-12-30 00:03:22 +00:00			`// Headings for larger alerts`
			`.alert-heading {`
			`// Specified to prevent conflicts of changing $headings-color`
			`color: inherit;`
			`}`

			`// Provide class for links that match alerts`
			`.alert-link {`
			`font-weight: $alert-link-font-weight;`
			`}`

clean up comments and spacing 2015-04-18 18:15:40 +00:00
Fix dismissible spelling 2014-06-17 21:35:35 +00:00			`// Dismissible alerts`
fixes #9310: alerts aren't dismissable by default, now requires .alert-dismissable if you need a close button 2013-08-12 08:20:22 +00:00			`//`
			`// Expand the right padding and account for the close button's positioning.`

Fix dismissible spelling 2014-06-17 21:35:35 +00:00			`.alert-dismissible {`
Switch to separate vars for alert vertical/horizontal padding 2016-10-19 02:18:06 +00:00			`padding-right: ($alert-padding-x * 2);`
fixes #9310: alerts aren't dismissable by default, now requires .alert-dismissable if you need a close button 2013-08-12 08:20:22 +00:00
			`// Adjust close link position`
			`.close {`
			`position: relative;`
fixes #20485: use rem units in alert dismiss (#20625) 2016-09-05 00:41:38 +00:00			`top: -.125rem;`
Switch to separate vars for alert vertical/horizontal padding 2016-10-19 02:18:06 +00:00			`right: -$alert-padding-x;`
fixes #9310: alerts aren't dismissable by default, now requires .alert-dismissable if you need a close button 2013-08-12 08:20:22 +00:00			`color: inherit;`
			`}`
			`}`

clean up comments and spacing 2015-04-18 18:15:40 +00:00
rewrite alert messages to use less code, combine the look of default and block messages, simplify docs 2012-01-15 00:18:15 +00:00			`// Alternate styles`
fixes #9310: alerts aren't dismissable by default, now requires .alert-dismissable if you need a close button 2013-08-12 08:20:22 +00:00			`//`
			`// Generate contextual modifier classes for colorizing the alert.`
breaking out patterns.less even more, removing unnecessary div from checkbox and radio lists--now just labels and inputs 2012-01-05 18:01:42 +00:00
normalize the alert classes to match last night's flip for form and table classes 2012-01-15 19:30:24 +00:00			`.alert-success {`
convert to scss 2014-12-02 22:02:35 +00:00			`@include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);`
rewrite alert messages to use less code, combine the look of default and block messages, simplify docs 2012-01-15 00:18:15 +00:00			`}`
normalize the alert classes to match last night's flip for form and table classes 2012-01-15 19:30:24 +00:00			`.alert-info {`
convert to scss 2014-12-02 22:02:35 +00:00			`@include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);`
rewrite alert messages to use less code, combine the look of default and block messages, simplify docs 2012-01-15 00:18:15 +00:00			`}`
Refactor alerts to have a base class, but no default class, thus requiring a modifier class at all times 2013-08-19 02:50:53 +00:00			`.alert-warning {`
convert to scss 2014-12-02 22:02:35 +00:00			`@include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);`
Refactor alerts to have a base class, but no default class, thus requiring a modifier class at all times 2013-08-19 02:50:53 +00:00			`}`
			`.alert-danger {`
Just some spaces... 2015-09-20 22:07:48 +00:00			`@include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);`
Refactor alerts to have a base class, but no default class, thus requiring a modifier class at all times 2013-08-19 02:50:53 +00:00			`}`