Bootstrap/less/_alert.less

//
// Alerts
// --------------------------------------------------


// Base styles
// -------------------------

.alert {
  padding: @alert-padding;
  margin-bottom: @line-height-computed;
  border: 1px solid transparent;
  .border-radius(@alert-border-radius);

  // Headings for larger alerts
  h4 {
    margin-top: 0;
    // Specified for the h4 to prevent conflicts of changing @headings-color
    color: inherit;
  }
  // Provide class for links that match alerts
  .alert-link {
    font-weight: @alert-link-font-weight;
  }

  // Improve alignment and spacing of inner content
  > p,
  > ul {
    margin-bottom: 0;
  }
  > p + p {
    margin-top: 5px;
  }
}

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

.alert-dismissible {
  padding-right: (@alert-padding + 20);

  // Adjust close link position
  .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
  }
}

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

.alert-success {
  .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
}
.alert-info {
  .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
}
.alert-warning {
  .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
}
.alert-danger {
  .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
}
standardize top level file comments 2012-06-29 06:46:45 +02:00			`//`
			`// Alerts`
			`// --------------------------------------------------`


			`// Base styles`
			`// -------------------------`
breaking out patterns.less even more, removing unnecessary div from checkbox and radio lists--now just labels and inputs 2012-01-05 19:01:42 +01:00
rewrite alert messages to use less code, combine the look of default and block messages, simplify docs 2012-01-15 01:18:15 +01:00			`.alert {`
fixes #9310: alerts aren't dismissable by default, now requires .alert-dismissable if you need a close button 2013-08-12 10:20:22 +02:00			`padding: @alert-padding;`
Unitless line-height * Instead of 20px as @line-height-base, use 1.5 * Update typographic scale for headings to use unitless as well--required some twerking of decimals a bit and some rounding * Introduce new @line-height-computed value, which takes base font-size and multiplies it by 1.5, for use in padding and margin on components 2013-05-10 02:20:46 +02:00			`margin-bottom: @line-height-computed;`
Refactor alerts to have a base class, but no default class, thus requiring a modifier class at all times 2013-08-19 04:50:53 +02:00			`border: 1px solid transparent;`
Implement the new border-radius guard: only round things if global @enable-rounded == true 2014-07-09 01:25:01 +02:00			`.border-radius(@alert-border-radius);`
Use translucent box shadow on hr elements; colorize hr elements within alert components 2013-03-15 07:01:23 +01:00
			`// Headings for larger alerts`
			`h4 {`
			`margin-top: 0;`
@headingsColor → @headings-color 2013-09-21 14:19:11 +02:00			`// Specified for the h4 to prevent conflicts of changing @headings-color`
Use translucent box shadow on hr elements; colorize hr elements within alert components 2013-03-15 07:01:23 +01:00			`color: inherit;`
			`}`
Change up link alerts * No more children selectors to set all links in alerts as a special color because buttons and more wrongly inherited color * Adds .alert-link for easy styling in any alert 2013-05-17 05:53:59 +02:00			`// Provide class for links that match alerts`
			`.alert-link {`
move things around Moved alerts, badges, button groups, buttons, carousel, close to variables.less and customize.html 2013-07-28 14:32:08 +02:00			`font-weight: @alert-link-font-weight;`
Fixes #7150: colorize links in alerts 2013-03-16 23:31:03 +01:00			`}`
breaking out patterns.less even more, removing unnecessary div from checkbox and radio lists--now just labels and inputs 2012-01-05 19:01:42 +01:00
Fix #9008: consolidate `.alert-block` styles into `.alert` 2013-08-02 18:32:58 +02:00			`// Improve alignment and spacing of inner content`
			`> p,`
			`> ul {`
			`margin-bottom: 0;`
			`}`
			`> p + p {`
			`margin-top: 5px;`
			`}`
rewrite alert messages to use less code, combine the look of default and block messages, simplify docs 2012-01-15 01:18:15 +01:00			`}`
breaking out patterns.less even more, removing unnecessary div from checkbox and radio lists--now just labels and inputs 2012-01-05 19:01:42 +01:00
Fix dismissible spelling 2014-06-17 23:35:35 +02:00			`// Dismissible alerts`
fixes #9310: alerts aren't dismissable by default, now requires .alert-dismissable if you need a close button 2013-08-12 10:20:22 +02:00			`//`
			`// Expand the right padding and account for the close button's positioning.`

Fix dismissible spelling 2014-06-17 23:35:35 +02:00			`.alert-dismissible {`
Minor Spacing fixes Flagged upstream in bootstrap-sass by scss-lint 2014-04-26 08:30:50 +02:00			`padding-right: (@alert-padding + 20);`
fixes #9310: alerts aren't dismissable by default, now requires .alert-dismissable if you need a close button 2013-08-12 10:20:22 +02:00
			`// Adjust close link position`
			`.close {`
			`position: relative;`
			`top: -2px;`
			`right: -21px;`
			`color: inherit;`
			`}`
			`}`

rewrite alert messages to use less code, combine the look of default and block messages, simplify docs 2012-01-15 01:18:15 +01:00			`// Alternate styles`
fixes #9310: alerts aren't dismissable by default, now requires .alert-dismissable if you need a close button 2013-08-12 10:20:22 +02: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 19:01:42 +01:00
normalize the alert classes to match last night's flip for form and table classes 2012-01-15 20:30:24 +01:00			`.alert-success {`
Resolves https://github.com/twbs/bootstrap/issues/9014. updates mixins to consistently use semicolons as argument separator. Rebuild to confirm, no diff in compiled CSS. 2013-08-02 21:31:13 +02:00			`.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 01:18:15 +01:00			`}`
normalize the alert classes to match last night's flip for form and table classes 2012-01-15 20:30:24 +01:00			`.alert-info {`
Resolves https://github.com/twbs/bootstrap/issues/9014. updates mixins to consistently use semicolons as argument separator. Rebuild to confirm, no diff in compiled CSS. 2013-08-02 21:31:13 +02:00			`.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 01:18:15 +01:00			`}`
Refactor alerts to have a base class, but no default class, thus requiring a modifier class at all times 2013-08-19 04:50:53 +02:00			`.alert-warning {`
			`.alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);`
			`}`
			`.alert-danger {`
			`.alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);`
			`}`