Matteo Scandolo | 144c188 | 2016-03-25 17:20:27 -0700 | [diff] [blame] | 1 | .media { |
2 | // Proper spacing between instances of .media | ||||
3 | margin-top: 15px; | ||||
4 | |||||
5 | &:first-child { | ||||
6 | margin-top: 0; | ||||
7 | } | ||||
8 | } | ||||
9 | |||||
10 | .media, | ||||
11 | .media-body { | ||||
12 | zoom: 1; | ||||
13 | overflow: hidden; | ||||
14 | } | ||||
15 | |||||
16 | .media-body { | ||||
17 | width: 10000px; | ||||
18 | } | ||||
19 | |||||
20 | .media-object { | ||||
21 | display: block; | ||||
22 | |||||
23 | // Fix collapse in webkit from max-width: 100% and display: table-cell. | ||||
24 | &.img-thumbnail { | ||||
25 | max-width: none; | ||||
26 | } | ||||
27 | } | ||||
28 | |||||
29 | .media-right, | ||||
30 | .media > .pull-right { | ||||
31 | padding-left: 10px; | ||||
32 | } | ||||
33 | |||||
34 | .media-left, | ||||
35 | .media > .pull-left { | ||||
36 | padding-right: 10px; | ||||
37 | } | ||||
38 | |||||
39 | .media-left, | ||||
40 | .media-right, | ||||
41 | .media-body { | ||||
42 | display: table-cell; | ||||
43 | vertical-align: top; | ||||
44 | } | ||||
45 | |||||
46 | .media-middle { | ||||
47 | vertical-align: middle; | ||||
48 | } | ||||
49 | |||||
50 | .media-bottom { | ||||
51 | vertical-align: bottom; | ||||
52 | } | ||||
53 | |||||
54 | // Reset margins on headings for tighter default spacing | ||||
55 | .media-heading { | ||||
56 | margin-top: 0; | ||||
57 | margin-bottom: 5px; | ||||
58 | } | ||||
59 | |||||
60 | // Media list variation | ||||
61 | // | ||||
62 | // Undo default ul/ol styles | ||||
63 | .media-list { | ||||
64 | padding-left: 0; | ||||
65 | list-style: none; | ||||
66 | } |