alerts.less
73 lines
| 1.5 KiB
| text/x-less
|
LessCssLexer
| r0 | // | |||
| // 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-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. | ||||
| .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); | ||||
| } | ||||
