diff options
author | MaZderMind | 2014-10-17 16:06:42 +0200 |
---|---|---|
committer | MaZderMind | 2014-10-17 16:06:42 +0200 |
commit | 0bf0647032ff6f2d6f50b21dfe1f7e3f0837c834 (patch) | |
tree | cc94f8a1b54d5ec5e44b6c024e599ef59de9d0f5 /assets/css/bootstrap/_alerts.scss | |
parent | ab87cf1cf59edffde2be404251ffb1013b67fc2d (diff) |
copy media.ccc.de style
Diffstat (limited to '')
-rw-r--r-- | assets/css/bootstrap/_alerts.scss | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/assets/css/bootstrap/_alerts.scss b/assets/css/bootstrap/_alerts.scss new file mode 100644 index 0000000..e45de83 --- /dev/null +++ b/assets/css/bootstrap/_alerts.scss @@ -0,0 +1,68 @@ +// +// 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 { + @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text); +} +.alert-info { + @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text); +} +.alert-warning { + @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text); +} +.alert-danger { + @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text); +} |