twitter-bootstrap-rails 2.1.1 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of twitter-bootstrap-rails might be problematic. Click here for more details.
- data/README.md +14 -3
- data/app/helpers/bootstrap_flash_helper.rb +12 -0
- data/lib/generators/bootstrap/layout/templates/layout.html.erb +1 -0
- data/lib/generators/bootstrap/layout/templates/layout.html.haml +1 -0
- data/lib/generators/bootstrap/layout/templates/layout.html.slim +1 -0
- data/lib/generators/bootstrap/partial/partial_generator.rb +20 -0
- data/lib/generators/bootstrap/partial/templates/_login.html.erb +29 -0
- data/lib/generators/bootstrap/partial/templates/_navbar.html.erb +13 -0
- data/lib/generators/bootstrap/themed/templates/index.html.erb +1 -1
- data/lib/generators/bootstrap/themed/templates/index.html.haml +1 -1
- data/lib/generators/bootstrap/themed/templates/index.html.slim +1 -1
- data/lib/generators/bootstrap/themed/templates/show.html.erb +1 -1
- data/lib/generators/bootstrap/themed/templates/show.html.haml +1 -1
- data/lib/generators/bootstrap/themed/templates/show.html.slim +1 -1
- data/lib/twitter/bootstrap/rails/version.rb +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap.js +1 -0
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +104 -0
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +1 -1
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +12 -5
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +4 -3
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +66 -16
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +95 -74
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +9 -4
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +9 -9
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +2 -2
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +15 -15
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +2 -3
- data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +51 -40
- data/vendor/toolkit/fontawesome.less +5 -5
- data/vendor/toolkit/twitter/bootstrap/accordion.less +3 -2
- data/vendor/toolkit/twitter/bootstrap/alerts.less +16 -9
- data/vendor/toolkit/twitter/bootstrap/bootstrap.less +1 -1
- data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +10 -10
- data/vendor/toolkit/twitter/bootstrap/button-groups.less +76 -23
- data/vendor/toolkit/twitter/bootstrap/buttons.less +85 -65
- data/vendor/toolkit/twitter/bootstrap/carousel.less +13 -3
- data/vendor/toolkit/twitter/bootstrap/close.less +4 -2
- data/vendor/toolkit/twitter/bootstrap/code.less +6 -5
- data/vendor/toolkit/twitter/bootstrap/component-animations.less +5 -2
- data/vendor/toolkit/twitter/bootstrap/dropdowns.less +81 -14
- data/vendor/toolkit/twitter/bootstrap/forms.less +100 -48
- data/vendor/toolkit/twitter/bootstrap/grid.less +17 -1
- data/vendor/toolkit/twitter/bootstrap/hero-unit.less +4 -2
- data/vendor/toolkit/twitter/bootstrap/labels-badges.less +19 -2
- data/vendor/toolkit/twitter/bootstrap/layouts.less +1 -2
- data/vendor/toolkit/twitter/bootstrap/mixins.less +98 -73
- data/vendor/toolkit/twitter/bootstrap/modals.less +9 -2
- data/vendor/toolkit/twitter/bootstrap/navbar.less +238 -127
- data/vendor/toolkit/twitter/bootstrap/navs.less +38 -17
- data/vendor/toolkit/twitter/bootstrap/pager.less +5 -4
- data/vendor/toolkit/twitter/bootstrap/pagination.less +16 -8
- data/vendor/toolkit/twitter/bootstrap/popovers.less +101 -33
- data/vendor/toolkit/twitter/bootstrap/progress-bars.less +18 -13
- data/vendor/toolkit/twitter/bootstrap/reset.less +6 -3
- data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +9 -7
- data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +86 -68
- data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +7 -5
- data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +18 -5
- data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +17 -15
- data/vendor/toolkit/twitter/bootstrap/responsive.less +5 -5
- data/vendor/toolkit/twitter/bootstrap/scaffolding.less +26 -4
- data/vendor/toolkit/twitter/bootstrap/sprites.less +15 -19
- data/vendor/toolkit/twitter/bootstrap/tables.less +60 -11
- data/vendor/toolkit/twitter/bootstrap/thumbnails.less +9 -4
- data/vendor/toolkit/twitter/bootstrap/tooltip.less +47 -12
- data/vendor/toolkit/twitter/bootstrap/type.less +57 -92
- data/vendor/toolkit/twitter/bootstrap/utilities.less +9 -2
- data/vendor/toolkit/twitter/bootstrap/variables.less +100 -29
- data/vendor/toolkit/twitter/bootstrap/wells.less +7 -5
- metadata +16 -22
@@ -1,6 +1,6 @@
|
|
1
|
-
//
|
2
|
-
//
|
3
|
-
|
1
|
+
//
|
2
|
+
// Navs
|
3
|
+
// --------------------------------------------------
|
4
4
|
|
5
5
|
|
6
6
|
// BASE CLASS
|
@@ -27,7 +27,7 @@
|
|
27
27
|
}
|
28
28
|
|
29
29
|
// Nav headers (for dropdowns and lists)
|
30
|
-
.nav
|
30
|
+
.nav-header {
|
31
31
|
display: block;
|
32
32
|
padding: 3px 15px;
|
33
33
|
font-size: 11px;
|
@@ -43,6 +43,7 @@
|
|
43
43
|
}
|
44
44
|
|
45
45
|
|
46
|
+
|
46
47
|
// NAV LIST
|
47
48
|
// --------
|
48
49
|
|
@@ -170,10 +171,10 @@
|
|
170
171
|
.border-radius(0);
|
171
172
|
}
|
172
173
|
.nav-tabs.nav-stacked > li:first-child > a {
|
173
|
-
.border-radius(4px
|
174
|
+
.border-top-radius(4px);
|
174
175
|
}
|
175
176
|
.nav-tabs.nav-stacked > li:last-child > a {
|
176
|
-
.border-radius(
|
177
|
+
.border-bottom-radius(4px);
|
177
178
|
}
|
178
179
|
.nav-tabs.nav-stacked > li > a:hover {
|
179
180
|
border-color: #ddd;
|
@@ -194,39 +195,43 @@
|
|
194
195
|
// ---------
|
195
196
|
|
196
197
|
.nav-tabs .dropdown-menu {
|
197
|
-
.border-radius(0 0
|
198
|
+
.border-radius(0 0 6px 6px); // remove the top rounded corners here since there is a hard edge above the menu
|
198
199
|
}
|
199
200
|
.nav-pills .dropdown-menu {
|
200
|
-
.border-radius(
|
201
|
+
.border-radius(6px); // make rounded corners match the pills
|
201
202
|
}
|
202
203
|
|
203
204
|
// Default dropdown links
|
204
205
|
// -------------------------
|
205
206
|
// Make carets use linkColor to start
|
206
|
-
.nav
|
207
|
-
.nav-pills .dropdown-toggle .caret {
|
207
|
+
.nav .dropdown-toggle .caret {
|
208
208
|
border-top-color: @linkColor;
|
209
209
|
border-bottom-color: @linkColor;
|
210
210
|
margin-top: 6px;
|
211
211
|
}
|
212
|
-
.nav
|
213
|
-
.nav-pills .dropdown-toggle:hover .caret {
|
212
|
+
.nav .dropdown-toggle:hover .caret {
|
214
213
|
border-top-color: @linkColorHover;
|
215
214
|
border-bottom-color: @linkColorHover;
|
216
215
|
}
|
216
|
+
/* move down carets for tabs */
|
217
|
+
.nav-tabs .dropdown-toggle .caret {
|
218
|
+
margin-top: 8px;
|
219
|
+
}
|
217
220
|
|
218
221
|
// Active dropdown links
|
219
222
|
// -------------------------
|
220
|
-
.nav
|
221
|
-
|
222
|
-
border-
|
223
|
-
|
223
|
+
.nav .active .dropdown-toggle .caret {
|
224
|
+
border-top-color: #fff;
|
225
|
+
border-bottom-color: #fff;
|
226
|
+
}
|
227
|
+
.nav-tabs .active .dropdown-toggle .caret {
|
228
|
+
border-top-color: @gray;
|
229
|
+
border-bottom-color: @gray;
|
224
230
|
}
|
225
231
|
|
226
232
|
// Active:hover dropdown links
|
227
233
|
// -------------------------
|
228
234
|
.nav > .dropdown.active > a:hover {
|
229
|
-
color: @black;
|
230
235
|
cursor: pointer;
|
231
236
|
}
|
232
237
|
|
@@ -361,3 +366,19 @@
|
|
361
366
|
border-color: #ddd #ddd #ddd transparent;
|
362
367
|
*border-left-color: @white;
|
363
368
|
}
|
369
|
+
|
370
|
+
|
371
|
+
|
372
|
+
// DISABLED STATES
|
373
|
+
// ---------------
|
374
|
+
|
375
|
+
// Gray out text
|
376
|
+
.nav > .disabled > a {
|
377
|
+
color: @grayLight;
|
378
|
+
}
|
379
|
+
// Nuke hover effects
|
380
|
+
.nav > .disabled > a:hover {
|
381
|
+
text-decoration: none;
|
382
|
+
background-color: transparent;
|
383
|
+
cursor: default;
|
384
|
+
}
|
@@ -1,9 +1,10 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Pager pagination
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
.pager {
|
5
|
-
margin
|
6
|
-
margin-bottom: @baseLineHeight;
|
7
|
+
margin: @baseLineHeight 0;
|
7
8
|
list-style: none;
|
8
9
|
text-align: center;
|
9
10
|
.clearfix();
|
@@ -1,5 +1,7 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Pagination (multiple pages)
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
.pagination {
|
5
7
|
height: @baseLineHeight * 2;
|
@@ -16,19 +18,23 @@
|
|
16
18
|
.pagination li {
|
17
19
|
display: inline;
|
18
20
|
}
|
19
|
-
.pagination a
|
21
|
+
.pagination a,
|
22
|
+
.pagination span {
|
20
23
|
float: left;
|
21
24
|
padding: 0 14px;
|
22
25
|
line-height: (@baseLineHeight * 2) - 2;
|
23
26
|
text-decoration: none;
|
24
|
-
|
27
|
+
background-color: @paginationBackground;
|
28
|
+
border: 1px solid @paginationBorder;
|
25
29
|
border-left-width: 0;
|
26
30
|
}
|
27
31
|
.pagination a:hover,
|
28
|
-
.pagination .active a
|
32
|
+
.pagination .active a,
|
33
|
+
.pagination .active span {
|
29
34
|
background-color: #f5f5f5;
|
30
35
|
}
|
31
|
-
.pagination .active a
|
36
|
+
.pagination .active a,
|
37
|
+
.pagination .active span {
|
32
38
|
color: @grayLight;
|
33
39
|
cursor: default;
|
34
40
|
}
|
@@ -39,11 +45,13 @@
|
|
39
45
|
background-color: transparent;
|
40
46
|
cursor: default;
|
41
47
|
}
|
42
|
-
.pagination li:first-child a
|
48
|
+
.pagination li:first-child a,
|
49
|
+
.pagination li:first-child span {
|
43
50
|
border-left-width: 1px;
|
44
51
|
.border-radius(3px 0 0 3px);
|
45
52
|
}
|
46
|
-
.pagination li:last-child a
|
53
|
+
.pagination li:last-child a,
|
54
|
+
.pagination li:last-child span {
|
47
55
|
.border-radius(0 3px 3px 0);
|
48
56
|
}
|
49
57
|
|
@@ -1,5 +1,7 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Popovers
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
.popover {
|
5
7
|
position: absolute;
|
@@ -7,43 +9,109 @@
|
|
7
9
|
left: 0;
|
8
10
|
z-index: @zindexPopover;
|
9
11
|
display: none;
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
&.left .arrow { #popoverArrow > .left(); }
|
19
|
-
.arrow {
|
20
|
-
position: absolute;
|
21
|
-
width: 0;
|
22
|
-
height: 0;
|
23
|
-
}
|
24
|
-
}
|
25
|
-
.popover-inner {
|
26
|
-
padding: 3px;
|
27
|
-
width: 280px;
|
28
|
-
overflow: hidden;
|
29
|
-
background: @black; // has to be full background declaration for IE fallback
|
30
|
-
background: rgba(0,0,0,.8);
|
12
|
+
width: 236px;
|
13
|
+
padding: 1px;
|
14
|
+
background-color: @popoverBackground;
|
15
|
+
-webkit-background-clip: padding-box;
|
16
|
+
-moz-background-clip: padding;
|
17
|
+
background-clip: padding-box;
|
18
|
+
border: 1px solid #ccc;
|
19
|
+
border: 1px solid rgba(0,0,0,.2);
|
31
20
|
.border-radius(6px);
|
32
|
-
.box-shadow(0
|
21
|
+
.box-shadow(0 5px 10px rgba(0,0,0,.2));
|
22
|
+
|
23
|
+
// Offset the popover to account for the popover arrow
|
24
|
+
&.top { margin-bottom: 10px; }
|
25
|
+
&.right { margin-left: 10px; }
|
26
|
+
&.bottom { margin-top: 10px; }
|
27
|
+
&.left { margin-right: 10px; }
|
28
|
+
|
33
29
|
}
|
30
|
+
|
34
31
|
.popover-title {
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
32
|
+
margin: 0; // reset heading margin
|
33
|
+
padding: 8px 14px;
|
34
|
+
font-size: 14px;
|
35
|
+
font-weight: normal;
|
36
|
+
line-height: 18px;
|
37
|
+
background-color: @popoverTitleBackground;
|
38
|
+
border-bottom: 1px solid darken(@popoverTitleBackground, 5%);
|
39
|
+
.border-radius(5px 5px 0 0);
|
40
40
|
}
|
41
|
+
|
41
42
|
.popover-content {
|
42
|
-
padding: 14px;
|
43
|
-
background-color: @white;
|
44
|
-
.border-radius(0 0 3px 3px);
|
45
|
-
.background-clip(padding-box);
|
43
|
+
padding: 9px 14px;
|
46
44
|
p, ul, ol {
|
47
45
|
margin-bottom: 0;
|
48
46
|
}
|
49
47
|
}
|
48
|
+
|
49
|
+
// Arrows
|
50
|
+
.popover .arrow,
|
51
|
+
.popover .arrow:after {
|
52
|
+
position: absolute;
|
53
|
+
display: inline-block;
|
54
|
+
width: 0;
|
55
|
+
height: 0;
|
56
|
+
border-color: transparent;
|
57
|
+
border-style: solid;
|
58
|
+
}
|
59
|
+
.popover .arrow:after {
|
60
|
+
content: "";
|
61
|
+
z-index: -1;
|
62
|
+
}
|
63
|
+
|
64
|
+
.popover {
|
65
|
+
&.top .arrow {
|
66
|
+
bottom: -@popoverArrowWidth;
|
67
|
+
left: 50%;
|
68
|
+
margin-left: -@popoverArrowWidth;
|
69
|
+
border-width: @popoverArrowWidth @popoverArrowWidth 0;
|
70
|
+
border-top-color: @popoverArrowColor;
|
71
|
+
&:after {
|
72
|
+
border-width: @popoverArrowOuterWidth @popoverArrowOuterWidth 0;
|
73
|
+
border-top-color: @popoverArrowOuterColor;
|
74
|
+
bottom: -1px;
|
75
|
+
left: -@popoverArrowOuterWidth;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
&.right .arrow {
|
79
|
+
top: 50%;
|
80
|
+
left: -@popoverArrowWidth;
|
81
|
+
margin-top: -@popoverArrowWidth;
|
82
|
+
border-width: @popoverArrowWidth @popoverArrowWidth @popoverArrowWidth 0;
|
83
|
+
border-right-color: @popoverArrowColor;
|
84
|
+
&:after {
|
85
|
+
border-width: @popoverArrowOuterWidth @popoverArrowOuterWidth @popoverArrowOuterWidth 0;
|
86
|
+
border-right-color: @popoverArrowOuterColor;
|
87
|
+
bottom: -@popoverArrowOuterWidth;
|
88
|
+
left: -1px;
|
89
|
+
}
|
90
|
+
}
|
91
|
+
&.bottom .arrow {
|
92
|
+
top: -@popoverArrowWidth;
|
93
|
+
left: 50%;
|
94
|
+
margin-left: -@popoverArrowWidth;
|
95
|
+
border-width: 0 @popoverArrowWidth @popoverArrowWidth;
|
96
|
+
border-bottom-color: @popoverArrowColor;
|
97
|
+
&:after {
|
98
|
+
border-width: 0 @popoverArrowOuterWidth @popoverArrowOuterWidth;
|
99
|
+
border-bottom-color: @popoverArrowOuterColor;
|
100
|
+
top: -1px;
|
101
|
+
left: -@popoverArrowOuterWidth;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
&.left .arrow {
|
105
|
+
top: 50%;
|
106
|
+
right: -@popoverArrowWidth;
|
107
|
+
margin-top: -@popoverArrowWidth;
|
108
|
+
border-width: @popoverArrowWidth 0 @popoverArrowWidth @popoverArrowWidth;
|
109
|
+
border-left-color: @popoverArrowColor;
|
110
|
+
&:after {
|
111
|
+
border-width: @popoverArrowOuterWidth 0 @popoverArrowOuterWidth @popoverArrowOuterWidth;
|
112
|
+
border-left-color: @popoverArrowOuterColor;
|
113
|
+
bottom: -@popoverArrowOuterWidth;
|
114
|
+
right: -1px;
|
115
|
+
}
|
116
|
+
}
|
117
|
+
}
|
@@ -1,5 +1,6 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Progress bars
|
3
|
+
// --------------------------------------------------
|
3
4
|
|
4
5
|
|
5
6
|
// ANIMATIONS
|
@@ -43,8 +44,8 @@
|
|
43
44
|
// Outer container
|
44
45
|
.progress {
|
45
46
|
overflow: hidden;
|
46
|
-
height:
|
47
|
-
margin-bottom:
|
47
|
+
height: @baseLineHeight;
|
48
|
+
margin-bottom: @baseLineHeight;
|
48
49
|
#gradient > .vertical(#f5f5f5, #f9f9f9);
|
49
50
|
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
50
51
|
.border-radius(4px);
|
@@ -53,8 +54,9 @@
|
|
53
54
|
// Bar of progress
|
54
55
|
.progress .bar {
|
55
56
|
width: 0%;
|
56
|
-
height:
|
57
|
+
height: 100%;
|
57
58
|
color: @white;
|
59
|
+
float: left;
|
58
60
|
font-size: 12px;
|
59
61
|
text-align: center;
|
60
62
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
@@ -63,6 +65,9 @@
|
|
63
65
|
.box-sizing(border-box);
|
64
66
|
.transition(width .6s ease);
|
65
67
|
}
|
68
|
+
.progress .bar + .bar {
|
69
|
+
.box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)");
|
70
|
+
}
|
66
71
|
|
67
72
|
// Striped bars
|
68
73
|
.progress-striped .bar {
|
@@ -85,33 +90,33 @@
|
|
85
90
|
// ------
|
86
91
|
|
87
92
|
// Danger (red)
|
88
|
-
.progress-danger .bar {
|
93
|
+
.progress-danger .bar, .progress .bar-danger {
|
89
94
|
#gradient > .vertical(#ee5f5b, #c43c35);
|
90
95
|
}
|
91
|
-
.progress-danger.progress-striped .bar {
|
96
|
+
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
|
92
97
|
#gradient > .striped(#ee5f5b);
|
93
98
|
}
|
94
99
|
|
95
100
|
// Success (green)
|
96
|
-
.progress-success .bar {
|
101
|
+
.progress-success .bar, .progress .bar-success {
|
97
102
|
#gradient > .vertical(#62c462, #57a957);
|
98
103
|
}
|
99
|
-
.progress-success.progress-striped .bar {
|
104
|
+
.progress-success.progress-striped .bar, .progress-striped .bar-success {
|
100
105
|
#gradient > .striped(#62c462);
|
101
106
|
}
|
102
107
|
|
103
108
|
// Info (teal)
|
104
|
-
.progress-info .bar {
|
109
|
+
.progress-info .bar, .progress .bar-info {
|
105
110
|
#gradient > .vertical(#5bc0de, #339bb9);
|
106
111
|
}
|
107
|
-
.progress-info.progress-striped .bar {
|
112
|
+
.progress-info.progress-striped .bar, .progress-striped .bar-info {
|
108
113
|
#gradient > .striped(#5bc0de);
|
109
114
|
}
|
110
115
|
|
111
116
|
// Warning (orange)
|
112
|
-
.progress-warning .bar {
|
117
|
+
.progress-warning .bar, .progress .bar-warning {
|
113
118
|
#gradient > .vertical(lighten(@orange, 15%), @orange);
|
114
119
|
}
|
115
|
-
.progress-warning.progress-striped .bar {
|
120
|
+
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
|
116
121
|
#gradient > .striped(lighten(@orange, 15%));
|
117
122
|
}
|
@@ -1,6 +1,8 @@
|
|
1
|
-
//
|
2
|
-
//
|
3
|
-
//
|
1
|
+
//
|
2
|
+
// Modals
|
3
|
+
// Adapted from http://github.com/necolas/normalize.css
|
4
|
+
// --------------------------------------------------
|
5
|
+
|
4
6
|
|
5
7
|
// Display in IE6-9 and FF3
|
6
8
|
// -------------------------
|
@@ -76,6 +78,7 @@ sub {
|
|
76
78
|
|
77
79
|
img {
|
78
80
|
max-width: 100%; // Make images inherently responsive
|
81
|
+
height: auto; // Make images inherently responsive
|
79
82
|
vertical-align: middle;
|
80
83
|
border: 0;
|
81
84
|
-ms-interpolation-mode: bicubic;
|
@@ -1,23 +1,25 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Responsive: Large desktop and up
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
@media (min-width: 1200px) {
|
5
7
|
|
6
8
|
// Fixed grid
|
7
|
-
#grid > .core(
|
9
|
+
#grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);
|
8
10
|
|
9
11
|
// Fluid grid
|
10
|
-
#grid > .fluid(
|
12
|
+
#grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
|
11
13
|
|
12
14
|
// Input grid
|
13
|
-
#grid > .input(
|
15
|
+
#grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);
|
14
16
|
|
15
17
|
// Thumbnails
|
16
18
|
.thumbnails {
|
17
|
-
margin-left:
|
19
|
+
margin-left: -@gridGutterWidth1200;
|
18
20
|
}
|
19
21
|
.thumbnails > li {
|
20
|
-
margin-left:
|
22
|
+
margin-left: @gridGutterWidth1200;
|
21
23
|
}
|
22
24
|
.row-fluid .thumbnails {
|
23
25
|
margin-left: 0;
|