-/*
- * Callouts
- *
- * Not quite alerts, but custom and helpful notes for folks reading the docs.
- * Requires a base and modifier class.
- */
-
-/* Common styles for all types */
+// Callouts
+//
+// Not quite alerts, but custom and helpful notes for folks reading the docs.
+// Requires a base and modifier class.
+
.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
-}
-.bs-callout h4 {
- margin-top: 0;
- margin-bottom: 5px;
-}
-.bs-callout p:last-child {
- margin-bottom: 0;
-}
-.bs-callout code {
- border-radius: 3px;
-}
-/* Tighten up space between multiple callouts */
-.bs-callout + .bs-callout {
- margin-top: -5px;
+ h4 {
+ margin-top: 0;
+ margin-bottom: 5px;
+ }
+
+ p:last-child {
+ margin-bottom: 0;
+ }
+
+ code {
+ border-radius: 3px;
+ }
+
+ + .bs-callout {
+ margin-top: -5px;
+ }
}
-/* Variations */
.bs-callout-danger {
border-left-color: #ce4844;
+
+ h4 {
+ color: #ce4844;
+ }
}
-.bs-callout-danger h4 {
- color: #ce4844;
-}
+
.bs-callout-warning {
border-left-color: #aa6708;
+
+ h4 {
+ color: #aa6708;
+ }
}
-.bs-callout-warning h4 {
- color: #aa6708;
-}
+
.bs-callout-info {
border-left-color: #1b809e;
-}
-.bs-callout-info h4 {
- color: #1b809e;
+
+ h4 {
+ color: #1b809e;
+ }
}