pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
media.less
(848B)
1 // Media objects
2 // Source: http://stubbornella.org/content/?p=497
3 // --------------------------------------------------
4
5
6 // Common styles
7 // -------------------------
8
9 // Clear the floats
10 .media,
11 .media-body {
12 overflow: hidden;
13 zoom: 1;
14 }
15
16 // Proper spacing between instances of .media
17 .media,
18 .media .media {
19 margin-top: 15px;
20 }
21 .media:first-child {
22 margin-top: 0;
23 }
24
25 // For images and videos, set to block
26 .media-object {
27 display: block;
28 }
29
30 // Reset margins on headings for tighter default spacing
31 .media-heading {
32 margin: 0 0 5px;
33 }
34
35
36 // Media image alignment
37 // -------------------------
38
39 .media {
40 > .pull-left {
41 margin-right: 10px;
42 }
43 > .pull-right {
44 margin-left: 10px;
45 }
46 }
47
48
49 // Media list variation
50 // -------------------------
51
52 // Undo default ul/ol styles
53 .media-list {
54 padding-left: 0;
55 list-style: none;
56 }