bootstrapped 1.0.1 → 2.0.3

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.
Files changed (60) hide show
  1. data/.gitmodules +3 -0
  2. data/README.rdoc +7 -1
  3. data/bootstrapped.gemspec +1 -1
  4. data/lib/bootstrapped/engine.rb +1 -1
  5. data/lib/bootstrapped/version.rb +2 -1
  6. data/vendor/assets/javascripts/bootstrap-alert.js +28 -29
  7. data/vendor/assets/javascripts/bootstrap-button.js +32 -34
  8. data/vendor/assets/javascripts/bootstrap-carousel.js +34 -19
  9. data/vendor/assets/javascripts/bootstrap-collapse.js +47 -26
  10. data/vendor/assets/javascripts/bootstrap-dropdown.js +18 -10
  11. data/vendor/assets/javascripts/bootstrap-modal.js +26 -18
  12. data/vendor/assets/javascripts/bootstrap-popover.js +13 -10
  13. data/vendor/assets/javascripts/bootstrap-scrollspy.js +43 -17
  14. data/vendor/assets/javascripts/bootstrap-tab.js +12 -7
  15. data/vendor/assets/javascripts/bootstrap-tooltip.js +40 -35
  16. data/vendor/assets/javascripts/bootstrap-transition.js +31 -21
  17. data/vendor/assets/javascripts/bootstrap-typeahead.js +30 -16
  18. data/vendor/assets/stylesheets/twitter/bootstrap/static/bootstrap-responsive.css +808 -0
  19. data/vendor/assets/stylesheets/twitter/bootstrap/static/bootstrap.css +2314 -850
  20. data/vendor/less/twitter/bootstrap/less/accordion.less +5 -0
  21. data/vendor/less/twitter/bootstrap/less/alerts.less +2 -14
  22. data/vendor/less/twitter/bootstrap/less/bootstrap.less +2 -2
  23. data/vendor/less/twitter/bootstrap/less/breadcrumbs.less +3 -1
  24. data/vendor/less/twitter/bootstrap/less/button-groups.less +78 -34
  25. data/vendor/less/twitter/bootstrap/less/buttons.less +53 -27
  26. data/vendor/less/twitter/bootstrap/less/carousel.less +0 -0
  27. data/vendor/less/twitter/bootstrap/less/close.less +12 -1
  28. data/vendor/less/twitter/bootstrap/less/code.less +18 -5
  29. data/vendor/less/twitter/bootstrap/less/component-animations.less +9 -7
  30. data/vendor/less/twitter/bootstrap/less/dropdowns.less +59 -47
  31. data/vendor/less/twitter/bootstrap/less/forms.less +167 -98
  32. data/vendor/less/twitter/bootstrap/less/grid.less +2 -5
  33. data/vendor/less/twitter/bootstrap/less/hero-unit.less +3 -1
  34. data/vendor/less/twitter/bootstrap/less/labels-badges.less +55 -0
  35. data/vendor/less/twitter/bootstrap/less/layouts.less +1 -1
  36. data/vendor/less/twitter/bootstrap/less/mixins.less +261 -167
  37. data/vendor/less/twitter/bootstrap/less/modals.less +22 -4
  38. data/vendor/less/twitter/bootstrap/less/navbar.less +147 -75
  39. data/vendor/less/twitter/bootstrap/less/navs.less +72 -53
  40. data/vendor/less/twitter/bootstrap/less/pager.less +6 -0
  41. data/vendor/less/twitter/bootstrap/less/pagination.less +1 -0
  42. data/vendor/less/twitter/bootstrap/less/popovers.less +0 -0
  43. data/vendor/less/twitter/bootstrap/less/progress-bars.less +27 -5
  44. data/vendor/less/twitter/bootstrap/less/reset.less +4 -4
  45. data/vendor/less/twitter/bootstrap/less/responsive-1200px-min.less +26 -0
  46. data/vendor/less/twitter/bootstrap/less/responsive-767px-max.less +149 -0
  47. data/vendor/less/twitter/bootstrap/less/responsive-768px-979px.less +17 -0
  48. data/vendor/less/twitter/bootstrap/less/responsive-navbar.less +146 -0
  49. data/vendor/less/twitter/bootstrap/less/responsive-utilities.less +41 -0
  50. data/vendor/less/twitter/bootstrap/less/responsive.less +14 -289
  51. data/vendor/less/twitter/bootstrap/less/scaffolding.less +4 -4
  52. data/vendor/less/twitter/bootstrap/less/sprites.less +47 -12
  53. data/vendor/less/twitter/bootstrap/less/tables.less +59 -22
  54. data/vendor/less/twitter/bootstrap/less/thumbnails.less +15 -3
  55. data/vendor/less/twitter/bootstrap/less/tooltip.less +0 -0
  56. data/vendor/less/twitter/bootstrap/less/type.less +30 -12
  57. data/vendor/less/twitter/bootstrap/less/utilities.less +0 -0
  58. data/vendor/less/twitter/bootstrap/less/variables.less +119 -13
  59. data/vendor/less/twitter/bootstrap/less/wells.less +10 -0
  60. metadata +30 -22
@@ -21,36 +21,47 @@
21
21
  background-color: @grayLighter;
22
22
  }
23
23
 
24
+ // Redeclare pull classes because of specifity
25
+ .nav > .pull-right {
26
+ float: right;
27
+ }
28
+
29
+ // Nav headers (for dropdowns and lists)
30
+ .nav .nav-header {
31
+ display: block;
32
+ padding: 3px 15px;
33
+ font-size: 11px;
34
+ font-weight: bold;
35
+ line-height: @baseLineHeight;
36
+ color: @grayLight;
37
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
38
+ text-transform: uppercase;
39
+ }
40
+ // Space them out when they follow another list item (link)
41
+ .nav li + .nav-header {
42
+ margin-top: 9px;
43
+ }
24
44
 
25
45
 
26
46
  // NAV LIST
27
47
  // --------
28
48
 
29
49
  .nav-list {
30
- padding-left: 14px;
31
- padding-right: 14px;
50
+ padding-left: 15px;
51
+ padding-right: 15px;
32
52
  margin-bottom: 0;
33
53
  }
34
54
  .nav-list > li > a,
35
55
  .nav-list .nav-header {
36
- display: block;
37
- padding: 3px 15px;
38
56
  margin-left: -15px;
39
57
  margin-right: -15px;
40
58
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
41
59
  }
42
- .nav-list .nav-header {
43
- font-size: 11px;
44
- font-weight: bold;
45
- line-height: @baseLineHeight;
46
- color: @grayLight;
47
- text-transform: uppercase;
48
- }
49
- .nav-list > li + .nav-header {
50
- margin-top: 9px;
60
+ .nav-list > li > a {
61
+ padding: 3px 15px;
51
62
  }
52
- .nav-list .active > a,
53
- .nav-list .active > a:hover {
63
+ .nav-list > .active > a,
64
+ .nav-list > .active > a:hover {
54
65
  color: @white;
55
66
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
56
67
  background-color: @linkColor;
@@ -58,6 +69,10 @@
58
69
  .nav-list [class^="icon-"] {
59
70
  margin-right: 2px;
60
71
  }
72
+ // Dividers (basically an hr) within the dropdown
73
+ .nav-list .divider {
74
+ .nav-divider();
75
+ }
61
76
 
62
77
 
63
78
 
@@ -88,16 +103,15 @@
88
103
  .nav-tabs {
89
104
  border-bottom: 1px solid #ddd;
90
105
  }
91
-
92
106
  // Make the list-items overlay the bottom border
93
107
  .nav-tabs > li {
94
108
  margin-bottom: -1px;
95
109
  }
96
-
97
110
  // Actual tabs (as links)
98
111
  .nav-tabs > li > a {
99
- padding-top: 9px;
100
- padding-bottom: 9px;
112
+ padding-top: 8px;
113
+ padding-bottom: 8px;
114
+ line-height: @baseLineHeight;
101
115
  border: 1px solid transparent;
102
116
  .border-radius(4px 4px 0 0);
103
117
  &:hover {
@@ -114,6 +128,7 @@
114
128
  cursor: default;
115
129
  }
116
130
 
131
+
117
132
  // PILLS
118
133
  // -----
119
134
 
@@ -127,8 +142,8 @@
127
142
  }
128
143
 
129
144
  // Active state
130
- .nav-pills .active > a,
131
- .nav-pills .active > a:hover {
145
+ .nav-pills > .active > a,
146
+ .nav-pills > .active > a:hover {
132
147
  color: @white;
133
148
  background-color: @linkColor;
134
149
  }
@@ -178,14 +193,11 @@
178
193
  // DROPDOWNS
179
194
  // ---------
180
195
 
181
- // Position the menu
182
- .nav-tabs .dropdown-menu,
183
- .nav-pills .dropdown-menu {
184
- margin-top: 1px;
185
- border-width: 1px;
196
+ .nav-tabs .dropdown-menu {
197
+ .border-radius(0 0 5px 5px); // remove the top rounded corners here since there is a hard edge above the menu
186
198
  }
187
199
  .nav-pills .dropdown-menu {
188
- .border-radius(4px);
200
+ .border-radius(4px); // make rounded corners match the pills
189
201
  }
190
202
 
191
203
  // Default dropdown links
@@ -194,11 +206,13 @@
194
206
  .nav-tabs .dropdown-toggle .caret,
195
207
  .nav-pills .dropdown-toggle .caret {
196
208
  border-top-color: @linkColor;
209
+ border-bottom-color: @linkColor;
197
210
  margin-top: 6px;
198
211
  }
199
212
  .nav-tabs .dropdown-toggle:hover .caret,
200
213
  .nav-pills .dropdown-toggle:hover .caret {
201
214
  border-top-color: @linkColorHover;
215
+ border-bottom-color: @linkColorHover;
202
216
  }
203
217
 
204
218
  // Active dropdown links
@@ -206,6 +220,7 @@
206
220
  .nav-tabs .active .dropdown-toggle .caret,
207
221
  .nav-pills .active .dropdown-toggle .caret {
208
222
  border-top-color: @grayDark;
223
+ border-bottom-color: @grayDark;
209
224
  }
210
225
 
211
226
  // Active:hover dropdown links
@@ -219,15 +234,16 @@
219
234
  // -------------------------
220
235
  .nav-tabs .open .dropdown-toggle,
221
236
  .nav-pills .open .dropdown-toggle,
222
- .nav > .open.active > a:hover {
237
+ .nav > li.dropdown.open.active > a:hover {
223
238
  color: @white;
224
239
  background-color: @grayLight;
225
240
  border-color: @grayLight;
226
241
  }
227
- .nav .open .caret,
228
- .nav .open.active .caret,
229
- .nav .open a:hover .caret {
242
+ .nav li.dropdown.open .caret,
243
+ .nav li.dropdown.open.active .caret,
244
+ .nav li.dropdown.open a:hover .caret {
230
245
  border-top-color: @white;
246
+ border-bottom-color: @white;
231
247
  .opacity(100);
232
248
  }
233
249
 
@@ -249,11 +265,14 @@
249
265
  .tabbable {
250
266
  .clearfix();
251
267
  }
268
+ .tab-content {
269
+ overflow: auto; // prevent content from running below tabs
270
+ }
252
271
 
253
272
  // Remove border on bottom, left, right
254
- .tabs-below .nav-tabs,
255
- .tabs-right .nav-tabs,
256
- .tabs-left .nav-tabs {
273
+ .tabs-below > .nav-tabs,
274
+ .tabs-right > .nav-tabs,
275
+ .tabs-left > .nav-tabs {
257
276
  border-bottom: 0;
258
277
  }
259
278
 
@@ -271,22 +290,22 @@
271
290
  // BOTTOM
272
291
  // ------
273
292
 
274
- .tabs-below .nav-tabs {
293
+ .tabs-below > .nav-tabs {
275
294
  border-top: 1px solid #ddd;
276
295
  }
277
- .tabs-below .nav-tabs > li {
296
+ .tabs-below > .nav-tabs > li {
278
297
  margin-top: -1px;
279
298
  margin-bottom: 0;
280
299
  }
281
- .tabs-below .nav-tabs > li > a {
300
+ .tabs-below > .nav-tabs > li > a {
282
301
  .border-radius(0 0 4px 4px);
283
302
  &:hover {
284
303
  border-bottom-color: transparent;
285
304
  border-top-color: #ddd;
286
305
  }
287
306
  }
288
- .tabs-below .nav-tabs .active > a,
289
- .tabs-below .nav-tabs .active > a:hover {
307
+ .tabs-below > .nav-tabs > .active > a,
308
+ .tabs-below > .nav-tabs > .active > a:hover {
290
309
  border-color: transparent #ddd #ddd #ddd;
291
310
  }
292
311
 
@@ -294,51 +313,51 @@
294
313
  // ------------
295
314
 
296
315
  // Common styles
297
- .tabs-left .nav-tabs > li,
298
- .tabs-right .nav-tabs > li {
316
+ .tabs-left > .nav-tabs > li,
317
+ .tabs-right > .nav-tabs > li {
299
318
  float: none;
300
319
  }
301
- .tabs-left .nav-tabs > li > a,
302
- .tabs-right .nav-tabs > li > a {
320
+ .tabs-left > .nav-tabs > li > a,
321
+ .tabs-right > .nav-tabs > li > a {
303
322
  min-width: 74px;
304
323
  margin-right: 0;
305
324
  margin-bottom: 3px;
306
325
  }
307
326
 
308
327
  // Tabs on the left
309
- .tabs-left .nav-tabs {
328
+ .tabs-left > .nav-tabs {
310
329
  float: left;
311
330
  margin-right: 19px;
312
331
  border-right: 1px solid #ddd;
313
332
  }
314
- .tabs-left .nav-tabs > li > a {
333
+ .tabs-left > .nav-tabs > li > a {
315
334
  margin-right: -1px;
316
335
  .border-radius(4px 0 0 4px);
317
336
  }
318
- .tabs-left .nav-tabs > li > a:hover {
337
+ .tabs-left > .nav-tabs > li > a:hover {
319
338
  border-color: @grayLighter #ddd @grayLighter @grayLighter;
320
339
  }
321
- .tabs-left .nav-tabs .active > a,
322
- .tabs-left .nav-tabs .active > a:hover {
340
+ .tabs-left > .nav-tabs .active > a,
341
+ .tabs-left > .nav-tabs .active > a:hover {
323
342
  border-color: #ddd transparent #ddd #ddd;
324
343
  *border-right-color: @white;
325
344
  }
326
345
 
327
346
  // Tabs on the right
328
- .tabs-right .nav-tabs {
347
+ .tabs-right > .nav-tabs {
329
348
  float: right;
330
349
  margin-left: 19px;
331
350
  border-left: 1px solid #ddd;
332
351
  }
333
- .tabs-right .nav-tabs > li > a {
352
+ .tabs-right > .nav-tabs > li > a {
334
353
  margin-left: -1px;
335
354
  .border-radius(0 4px 4px 0);
336
355
  }
337
- .tabs-right .nav-tabs > li > a:hover {
356
+ .tabs-right > .nav-tabs > li > a:hover {
338
357
  border-color: @grayLighter @grayLighter @grayLighter #ddd;
339
358
  }
340
- .tabs-right .nav-tabs .active > a,
341
- .tabs-right .nav-tabs .active > a:hover {
359
+ .tabs-right > .nav-tabs .active > a,
360
+ .tabs-right > .nav-tabs .active > a:hover {
342
361
  border-color: #ddd #ddd #ddd transparent;
343
362
  *border-left-color: @white;
344
363
  }
@@ -28,3 +28,9 @@
28
28
  .pager .previous a {
29
29
  float: left;
30
30
  }
31
+ .pager .disabled a,
32
+ .pager .disabled a:hover {
33
+ color: @grayLight;
34
+ background-color: #fff;
35
+ cursor: default;
36
+ }
@@ -32,6 +32,7 @@
32
32
  color: @grayLight;
33
33
  cursor: default;
34
34
  }
35
+ .pagination .disabled span,
35
36
  .pagination .disabled a,
36
37
  .pagination .disabled a:hover {
37
38
  color: @grayLight;
File without changes
@@ -7,20 +7,32 @@
7
7
 
8
8
  // Webkit
9
9
  @-webkit-keyframes progress-bar-stripes {
10
- from { background-position: 0 0; }
11
- to { background-position: 40px 0; }
10
+ from { background-position: 40px 0; }
11
+ to { background-position: 0 0; }
12
12
  }
13
13
 
14
14
  // Firefox
15
15
  @-moz-keyframes progress-bar-stripes {
16
+ from { background-position: 40px 0; }
17
+ to { background-position: 0 0; }
18
+ }
19
+
20
+ // IE9
21
+ @-ms-keyframes progress-bar-stripes {
22
+ from { background-position: 40px 0; }
23
+ to { background-position: 0 0; }
24
+ }
25
+
26
+ // Opera
27
+ @-o-keyframes progress-bar-stripes {
16
28
  from { background-position: 0 0; }
17
29
  to { background-position: 40px 0; }
18
30
  }
19
31
 
20
32
  // Spec
21
33
  @keyframes progress-bar-stripes {
22
- from { background-position: 0 0; }
23
- to { background-position: 40px 0; }
34
+ from { background-position: 40px 0; }
35
+ to { background-position: 0 0; }
24
36
  }
25
37
 
26
38
 
@@ -54,7 +66,7 @@
54
66
 
55
67
  // Striped bars
56
68
  .progress-striped .bar {
57
- #gradient > .striped(#62c462);
69
+ #gradient > .striped(#149bdf);
58
70
  .background-size(40px 40px);
59
71
  }
60
72
 
@@ -62,6 +74,8 @@
62
74
  .progress.active .bar {
63
75
  -webkit-animation: progress-bar-stripes 2s linear infinite;
64
76
  -moz-animation: progress-bar-stripes 2s linear infinite;
77
+ -ms-animation: progress-bar-stripes 2s linear infinite;
78
+ -o-animation: progress-bar-stripes 2s linear infinite;
65
79
  animation: progress-bar-stripes 2s linear infinite;
66
80
  }
67
81
 
@@ -93,3 +107,11 @@
93
107
  .progress-info.progress-striped .bar {
94
108
  #gradient > .striped(#5bc0de);
95
109
  }
110
+
111
+ // Warning (orange)
112
+ .progress-warning .bar {
113
+ #gradient > .vertical(lighten(@orange, 15%), @orange);
114
+ }
115
+ .progress-warning.progress-striped .bar {
116
+ #gradient > .striped(lighten(@orange, 15%));
117
+ }
@@ -75,8 +75,8 @@ sub {
75
75
  // -------------------------
76
76
 
77
77
  img {
78
- max-width: 100%;
79
- height: auto;
78
+ max-width: 100%; // Make images inherently responsive
79
+ vertical-align: middle;
80
80
  border: 0;
81
81
  -ms-interpolation-mode: bicubic;
82
82
  }
@@ -108,13 +108,13 @@ input[type="button"],
108
108
  input[type="reset"],
109
109
  input[type="submit"] {
110
110
  cursor: pointer; // Cursors on all buttons applied consistently
111
- -webkit-appearance: button; // Style clicable inputs in iOS
111
+ -webkit-appearance: button; // Style clickable inputs in iOS
112
112
  }
113
113
  input[type="search"] { // Appearance in Safari/Chrome
114
- -webkit-appearance: textfield;
115
114
  -webkit-box-sizing: content-box;
116
115
  -moz-box-sizing: content-box;
117
116
  box-sizing: content-box;
117
+ -webkit-appearance: textfield;
118
118
  }
119
119
  input[type="search"]::-webkit-search-decoration,
120
120
  input[type="search"]::-webkit-search-cancel-button {
@@ -0,0 +1,26 @@
1
+ // LARGE DESKTOP & UP
2
+ // ------------------
3
+
4
+ @media (min-width: 1200px) {
5
+
6
+ // Fixed grid
7
+ #grid > .core(70px, 30px);
8
+
9
+ // Fluid grid
10
+ #grid > .fluid(5.982905983%, 2.564102564%);
11
+
12
+ // Input grid
13
+ #grid > .input(70px, 30px);
14
+
15
+ // Thumbnails
16
+ .thumbnails {
17
+ margin-left: -30px;
18
+ }
19
+ .thumbnails > li {
20
+ margin-left: 30px;
21
+ }
22
+ .row-fluid .thumbnails {
23
+ margin-left: 0;
24
+ }
25
+
26
+ }
@@ -0,0 +1,149 @@
1
+ // UP TO LANDSCAPE PHONE
2
+ // ---------------------
3
+
4
+ @media (max-width: 480px) {
5
+
6
+ // Smooth out the collapsing/expanding nav
7
+ .nav-collapse {
8
+ -webkit-transform: translate3d(0, 0, 0); // activate the GPU
9
+ }
10
+
11
+ // Block level the page header small tag for readability
12
+ .page-header h1 small {
13
+ display: block;
14
+ line-height: @baseLineHeight;
15
+ }
16
+
17
+ // Update checkboxes for iOS
18
+ input[type="checkbox"],
19
+ input[type="radio"] {
20
+ border: 1px solid #ccc;
21
+ }
22
+
23
+ // Remove the horizontal form styles
24
+ .form-horizontal .control-group > label {
25
+ float: none;
26
+ width: auto;
27
+ padding-top: 0;
28
+ text-align: left;
29
+ }
30
+ // Move over all input controls and content
31
+ .form-horizontal .controls {
32
+ margin-left: 0;
33
+ }
34
+ // Move the options list down to align with labels
35
+ .form-horizontal .control-list {
36
+ padding-top: 0; // has to be padding because margin collaspes
37
+ }
38
+ // Move over buttons in .form-actions to align with .controls
39
+ .form-horizontal .form-actions {
40
+ padding-left: 10px;
41
+ padding-right: 10px;
42
+ }
43
+
44
+ // Modals
45
+ .modal {
46
+ position: absolute;
47
+ top: 10px;
48
+ left: 10px;
49
+ right: 10px;
50
+ width: auto;
51
+ margin: 0;
52
+ &.fade.in { top: auto; }
53
+ }
54
+ .modal-header .close {
55
+ padding: 10px;
56
+ margin: -10px;
57
+ }
58
+
59
+ // Carousel
60
+ .carousel-caption {
61
+ position: static;
62
+ }
63
+
64
+ }
65
+
66
+
67
+
68
+ // LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
69
+ // --------------------------------------------------
70
+
71
+ @media (max-width: 767px) {
72
+
73
+ // Padding to set content in a bit
74
+ body {
75
+ padding-left: 20px;
76
+ padding-right: 20px;
77
+ }
78
+ // Negative indent the now static "fixed" navbar
79
+ .navbar-fixed-top,
80
+ .navbar-fixed-bottom {
81
+ margin-left: -20px;
82
+ margin-right: -20px;
83
+ }
84
+ // Remove padding on container given explicit padding set on body
85
+ .container-fluid {
86
+ padding: 0;
87
+ }
88
+
89
+ // TYPOGRAPHY
90
+ // ----------
91
+ // Reset horizontal dl
92
+ .dl-horizontal {
93
+ dt {
94
+ float: none;
95
+ clear: none;
96
+ width: auto;
97
+ text-align: left;
98
+ }
99
+ dd {
100
+ margin-left: 0;
101
+ }
102
+ }
103
+
104
+ // GRID & CONTAINERS
105
+ // -----------------
106
+ // Remove width from containers
107
+ .container {
108
+ width: auto;
109
+ }
110
+ // Fluid rows
111
+ .row-fluid {
112
+ width: 100%;
113
+ }
114
+ // Undo negative margin on rows and thumbnails
115
+ .row,
116
+ .thumbnails {
117
+ margin-left: 0;
118
+ }
119
+ // Make all grid-sized elements block level again
120
+ [class*="span"],
121
+ .row-fluid [class*="span"] {
122
+ float: none;
123
+ display: block;
124
+ width: auto;
125
+ margin-left: 0;
126
+ }
127
+
128
+ // FORM FIELDS
129
+ // -----------
130
+ // Make span* classes full width
131
+ .input-large,
132
+ .input-xlarge,
133
+ .input-xxlarge,
134
+ input[class*="span"],
135
+ select[class*="span"],
136
+ textarea[class*="span"],
137
+ .uneditable-input {
138
+ .input-block-level();
139
+ }
140
+ // But don't let it screw up prepend/append inputs
141
+ .input-prepend input,
142
+ .input-append input,
143
+ .input-prepend input[class*="span"],
144
+ .input-append input[class*="span"] {
145
+ display: inline-block; // redeclare so they don't wrap to new lines
146
+ width: auto;
147
+ }
148
+
149
+ }
@@ -0,0 +1,17 @@
1
+ // PORTRAIT TABLET TO DEFAULT DESKTOP
2
+ // ----------------------------------
3
+
4
+ @media (min-width: 768px) and (max-width: 979px) {
5
+
6
+ // Fixed grid
7
+ #grid > .core(42px, 20px);
8
+
9
+ // Fluid grid
10
+ #grid > .fluid(5.801104972%, 2.762430939%);
11
+
12
+ // Input grid
13
+ #grid > .input(42px, 20px);
14
+
15
+ // No need to reset .thumbnails here since it's the same @gridGutterWidth
16
+
17
+ }