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