projects / mindcoding-template-patches.git / blame
| Commit | Line | Data |
|---|---|---|
| 7b869721 S |
1 | // |
| 2 | // Alerts | |
| 3 | // -------------------------------------------------- | |
| 4 | ||
| 5 | ||
| 6 | // Base styles | |
| 7 | // ------------------------- | |
| 8 | ||
| 9 | .alert { | |
| 10 | padding: @alert-padding; | |
| 11 | margin-bottom: @line-height-computed; | |
| 12 | border: 1px solid transparent; | |
| 13 | border-radius: @alert-border-radius; | |
| 14 | ||
| 15 | // Headings for larger alerts | |
| 16 | h4 { | |
| 17 | margin-top: 0; | |
| 18 | // Specified for the h4 to prevent conflicts of changing @headings-color | |
| 19 | color: inherit; | |
| 20 | } | |
| 21 | // Provide class for links that match alerts | |
| 22 | .alert-link { | |
| 23 | font-weight: @alert-link-font-weight; | |
| 24 | } | |
| 25 | ||
| 26 | // Improve alignment and spacing of inner content | |
| 27 | > p, | |
| 28 | > ul { | |
| 29 | margin-bottom: 0; | |
| 30 | } | |
| 31 | > p + p { | |
| 32 | margin-top: 5px; | |
| 33 | } | |
| 34 | } | |
| 35 | ||
| 36 | // Dismissable alerts | |
| 37 | // | |
| 38 | // Expand the right padding and account for the close button's positioning. | |
| 39 | ||
| 40 | .alert-dismissable { | |
| 41 | padding-right: (@alert-padding + 20); | |
| 42 | ||
| 43 | // Adjust close link position | |
| 44 | .close { | |
| 45 | position: relative; | |
| 46 | top: -2px; | |
| 47 | right: -21px; | |
| 48 | color: inherit; | |
| 49 | } | |
| 50 | } | |
| 51 | ||
| 52 | // Alternate styles | |
| 53 | // | |
| 54 | // Generate contextual modifier classes for colorizing the alert. | |
| 55 | ||
| 56 | .alert-success { | |
| 57 | .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); | |
| 58 | } | |
| 59 | .alert-info { | |
| 60 | .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); | |
| 61 | } | |
| 62 | .alert-warning { | |
| 63 | .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); | |
| 64 | } | |
| 65 | .alert-danger { | |
| 66 | .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); | |
| 67 | } |