source: pro-violet-viettel/www/deploy/20150304/assets/css/less/rtl-grid.less @ 896

Last change on this file since 896 was 780, checked in by dungnv, 10 years ago
File size: 9.7 KB
Line 
1//rtl bootstrap grids
2
3 [class*="col-xs-"] {
4        float: right;
5 }
6 @media (min-width: @screen-sm) {
7  [class*="col-sm-"] {
8        float: right;
9  }
10 }
11 @media (min-width: @screen-md) {
12  [class*="col-md-"] {
13        float: right;
14  }
15 }
16 @media (min-width: @screen-lg) {
17  [class*="col-lg-"] {
18        float: right;
19  }
20 }
21
22
23
24@media (min-width: 768px) {
25  [class*="col-sm-push-"] {
26        left: auto;
27  }
28  [class*="col-sm-pull-"] {
29        right: auto;
30  }
31  [class*="col-sm-offset-"] {
32        margin-left: auto;
33  }
34  // Push and pull columns for source order changes
35  .col-sm-push-1  { right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
36  .col-sm-push-2  { right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
37  .col-sm-push-3  { right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
38  .col-sm-push-4  { right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
39  .col-sm-push-5  { right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
40  .col-sm-push-6  { right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
41  .col-sm-push-7  { right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
42  .col-sm-push-8  { right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
43  .col-sm-push-9  { right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
44  .col-sm-push-10 { right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
45  .col-sm-push-11 { right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
46
47  .col-sm-pull-1  { left: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
48  .col-sm-pull-2  { left: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
49  .col-sm-pull-3  { left: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
50  .col-sm-pull-4  { left: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
51  .col-sm-pull-5  { left: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
52  .col-sm-pull-6  { left: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
53  .col-sm-pull-7  { left: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
54  .col-sm-pull-8  { left: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
55  .col-sm-pull-9  { left: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
56  .col-sm-pull-10 { left: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
57  .col-sm-pull-11 { left: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
58
59  // Offsets
60  .col-sm-offset-1  { margin-right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
61  .col-sm-offset-2  { margin-right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
62  .col-sm-offset-3  { margin-right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
63  .col-sm-offset-4  { margin-right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
64  .col-sm-offset-5  { margin-right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
65  .col-sm-offset-6  { margin-right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
66  .col-sm-offset-7  { margin-right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
67  .col-sm-offset-8  { margin-right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
68  .col-sm-offset-9  { margin-right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
69  .col-sm-offset-10 { margin-right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
70  .col-sm-offset-11 { margin-right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
71}
72
73
74
75@media (min-width: 992px) {
76  [class*="col-md-push-"] {
77        left: auto;
78  }
79  [class*="col-md-pull-"] {
80        right: auto;
81  }
82  [class*="col-md-offset-"] {
83        margin-left: auto;
84  }
85  // Push and pull columns for source order changes
86  .col-md-push-1  { right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
87  .col-md-push-2  { right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
88  .col-md-push-3  { right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
89  .col-md-push-4  { right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
90  .col-md-push-5  { right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
91  .col-md-push-6  { right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
92  .col-md-push-7  { right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
93  .col-md-push-8  { right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
94  .col-md-push-9  { right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
95  .col-md-push-10 { right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
96  .col-md-push-11 { right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
97
98  .col-md-pull-1  { left: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
99  .col-md-pull-2  { left: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
100  .col-md-pull-3  { left: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
101  .col-md-pull-4  { left: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
102  .col-md-pull-5  { left: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
103  .col-md-pull-6  { left: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
104  .col-md-pull-7  { left: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
105  .col-md-pull-8  { left: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
106  .col-md-pull-9  { left: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
107  .col-md-pull-10 { left: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
108  .col-md-pull-11 { left: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
109
110  // Offsets
111  .col-md-offset-1  { margin-right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
112  .col-md-offset-2  { margin-right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
113  .col-md-offset-3  { margin-right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
114  .col-md-offset-4  { margin-right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
115  .col-md-offset-5  { margin-right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
116  .col-md-offset-6  { margin-right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
117  .col-md-offset-7  { margin-right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
118  .col-md-offset-8  { margin-right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
119  .col-md-offset-9  { margin-right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
120  .col-md-offset-10 { margin-right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
121  .col-md-offset-11 { margin-right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
122}
123
124
125@media (min-width: 1200px) {
126  [class*="col-lg-push-"] {
127        left: auto;
128  }
129  [class*="col-lg-pull-"] {
130        right: auto;
131  }
132  [class*="col-lg-offset-"] {
133        margin-left: auto;
134  }
135  // Push and pull columns for source order changes
136  .col-lg-push-1  { right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
137  .col-lg-push-2  { right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
138  .col-lg-push-3  { right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
139  .col-lg-push-4  { right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
140  .col-lg-push-5  { right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
141  .col-lg-push-6  { right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
142  .col-lg-push-7  { right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
143  .col-lg-push-8  { right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
144  .col-lg-push-9  { right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
145  .col-lg-push-10 { right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
146  .col-lg-push-11 { right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
147
148  .col-lg-pull-1  { left: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
149  .col-lg-pull-2  { left: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
150  .col-lg-pull-3  { left: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
151  .col-lg-pull-4  { left: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
152  .col-lg-pull-5  { left: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
153  .col-lg-pull-6  { left: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
154  .col-lg-pull-7  { left: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
155  .col-lg-pull-8  { left: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
156  .col-lg-pull-9  { left: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
157  .col-lg-pull-10 { left: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
158  .col-lg-pull-11 { left: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
159
160  // Offsets
161  .col-lg-offset-1  { margin-right: ~`( 100 * 1 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
162  .col-lg-offset-2  { margin-right: ~`( 100 * 2 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
163  .col-lg-offset-3  { margin-right: ~`( 100 * 3 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
164  .col-lg-offset-4  { margin-right: ~`( 100 * 4 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
165  .col-lg-offset-5  { margin-right: ~`( 100 * 5 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
166  .col-lg-offset-6  { margin-right: ~`( 100 * 6 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
167  .col-lg-offset-7  { margin-right: ~`( 100 * 7 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
168  .col-lg-offset-8  { margin-right: ~`( 100 * 8 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
169  .col-lg-offset-9  { margin-right: ~`( 100 * 9 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
170  .col-lg-offset-10 { margin-right: ~`( 100 * 10 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
171  .col-lg-offset-11 { margin-right: ~`( 100 * 11 / @{grid-columns}+"" ).substring(0,7)+"%"`; }
172}
Note: See TracBrowser for help on using the repository browser.