corrade-nucleus-nucleons – Blame information for rev 20

Subversion Repositories:
Rev:
Rev Author Line No. Line
20 office 1 //
2 // Grid system
3 // --------------------------------------------------
4  
5  
6 // Container widths
7 //
8 // Set the container width, and override it for fixed navbars in media queries.
9  
10 .container {
11 .container-fixed();
12  
13 @media (min-width: @screen-sm-min) {
14 width: @container-sm;
15 }
16 @media (min-width: @screen-md-min) {
17 width: @container-md;
18 }
19 @media (min-width: @screen-lg-min) {
20 width: @container-lg;
21 }
22 }
23  
24  
25 // Fluid container
26 //
27 // Utilizes the mixin meant for fixed width containers, but without any defined
28 // width for fluid, full width layouts.
29  
30 .container-fluid {
31 .container-fixed();
32 }
33  
34  
35 // Row
36 //
37 // Rows contain and clear the floats of your columns.
38  
39 .row {
40 .make-row();
41 }
42  
43  
44 // Columns
45 //
46 // Common styles for small and large grid columns
47  
48 .make-grid-columns();
49  
50  
51 // Extra small grid
52 //
53 // Columns, offsets, pushes, and pulls for extra small devices like
54 // smartphones.
55  
56 .make-grid(xs);
57  
58  
59 // Small grid
60 //
61 // Columns, offsets, pushes, and pulls for the small device range, from phones
62 // to tablets.
63  
64 @media (min-width: @screen-sm-min) {
65 .make-grid(sm);
66 }
67  
68  
69 // Medium grid
70 //
71 // Columns, offsets, pushes, and pulls for the desktop device range.
72  
73 @media (min-width: @screen-md-min) {
74 .make-grid(md);
75 }
76  
77  
78 // Large grid
79 //
80 // Columns, offsets, pushes, and pulls for the large desktop device range.
81  
82 @media (min-width: @screen-lg-min) {
83 .make-grid(lg);
84 }