info@53: // info@53: // Alerts info@53: // -------------------------------------------------- info@53: info@53: info@53: // Base styles info@53: // ------------------------- info@53: info@53: .alert { info@53: padding: @alert-padding; info@53: margin-bottom: @line-height-computed; info@53: border: 1px solid transparent; info@53: border-radius: @alert-border-radius; info@53: info@53: // Headings for larger alerts info@53: h4 { info@53: margin-top: 0; info@53: // Specified for the h4 to prevent conflicts of changing @headings-color info@53: color: inherit; info@53: } info@53: // Provide class for links that match alerts info@53: .alert-link { info@53: font-weight: @alert-link-font-weight; info@53: } info@53: info@53: // Improve alignment and spacing of inner content info@53: > p, info@53: > ul { info@53: margin-bottom: 0; info@53: } info@53: > p + p { info@53: margin-top: 5px; info@53: } info@53: } info@53: info@53: // Dismissable alerts info@53: // info@53: // Expand the right padding and account for the close button's positioning. info@53: info@53: .alert-dismissable { info@53: padding-right: (@alert-padding + 20); info@53: info@53: // Adjust close link position info@53: .close { info@53: position: relative; info@53: top: -2px; info@53: right: -21px; info@53: color: inherit; info@53: } info@53: } info@53: info@53: // Alternate styles info@53: // info@53: // Generate contextual modifier classes for colorizing the alert. info@53: info@53: .alert-success { info@53: .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); info@53: } info@53: .alert-info { info@53: .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); info@53: } info@53: .alert-warning { info@53: .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); info@53: } info@53: .alert-danger { info@53: .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); info@53: }