]>
Commit | Line | Data |
---|---|---|
91e44d91 S |
1 | // |
2 | // Callouts | |
3 | // | |
4 | ||
5 | .bd-callout { | |
6 | padding: 1.25rem; | |
7 | margin-top: 1.25rem; | |
8 | margin-bottom: 1.25rem; | |
9 | border: 1px solid #eee; | |
10 | border-left-width: .25rem; | |
11 | border-radius: .25rem; | |
12 | } | |
13 | ||
14 | .bd-callout h4 { | |
15 | margin-top: 0; | |
16 | margin-bottom: .25rem; | |
17 | } | |
18 | ||
19 | .bd-callout p:last-child { | |
20 | margin-bottom: 0; | |
21 | } | |
22 | ||
23 | .bd-callout code { | |
24 | border-radius: .25rem; | |
25 | } | |
26 | ||
27 | .bd-callout + .bd-callout { | |
28 | margin-top: -.25rem; | |
29 | } | |
30 | ||
31 | // Variations | |
32 | @mixin bs-callout-variant($color) { | |
33 | border-left-color: $color; | |
34 | ||
35 | h4 { color: $color; } | |
36 | } | |
37 | ||
38 | .bd-callout-info { @include bs-callout-variant($bd-info); } | |
39 | .bd-callout-warning { @include bs-callout-variant($bd-warning); } | |
40 | .bd-callout-danger { @include bs-callout-variant($bd-danger); } |