less-rails-bootstrap 2.0.6 → 2.0.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. data/CHANGELOG.md +5 -0
  2. data/README.md +3 -35
  3. data/lib/less/rails/bootstrap/version.rb +1 -1
  4. data/vendor/assets/javascripts/twitter/bootstrap/alert.js +1 -1
  5. data/vendor/assets/javascripts/twitter/bootstrap/button.js +4 -2
  6. data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +7 -3
  7. data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +4 -2
  8. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +1 -1
  9. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +1 -1
  10. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +1 -1
  11. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -1
  12. data/vendor/assets/javascripts/twitter/bootstrap/tab.js +1 -1
  13. data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +2 -2
  14. data/vendor/assets/javascripts/twitter/bootstrap/transition.js +1 -1
  15. data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +7 -7
  16. data/vendor/frameworks/twitter/bootstrap/alerts.less +2 -14
  17. data/vendor/frameworks/twitter/bootstrap/badges.less +36 -0
  18. data/vendor/frameworks/twitter/bootstrap/bootstrap.less +2 -1
  19. data/vendor/frameworks/twitter/bootstrap/breadcrumbs.less +2 -0
  20. data/vendor/frameworks/twitter/bootstrap/button-groups.less +31 -7
  21. data/vendor/frameworks/twitter/bootstrap/buttons.less +17 -13
  22. data/vendor/frameworks/twitter/bootstrap/code.less +2 -2
  23. data/vendor/frameworks/twitter/bootstrap/component-animations.less +4 -2
  24. data/vendor/frameworks/twitter/bootstrap/dropdowns.less +45 -27
  25. data/vendor/frameworks/twitter/bootstrap/forms.less +78 -45
  26. data/vendor/frameworks/twitter/bootstrap/grid.less +2 -5
  27. data/vendor/frameworks/twitter/bootstrap/hero-unit.less +3 -1
  28. data/vendor/frameworks/twitter/bootstrap/labels.less +8 -2
  29. data/vendor/frameworks/twitter/bootstrap/mixins.less +189 -165
  30. data/vendor/frameworks/twitter/bootstrap/modals.less +12 -5
  31. data/vendor/frameworks/twitter/bootstrap/navbar.less +77 -35
  32. data/vendor/frameworks/twitter/bootstrap/navs.less +19 -9
  33. data/vendor/frameworks/twitter/bootstrap/pager.less +6 -0
  34. data/vendor/frameworks/twitter/bootstrap/pagination.less +1 -0
  35. data/vendor/frameworks/twitter/bootstrap/progress-bars.less +15 -1
  36. data/vendor/frameworks/twitter/bootstrap/reset.less +1 -1
  37. data/vendor/frameworks/twitter/bootstrap/responsive.less +72 -28
  38. data/vendor/frameworks/twitter/bootstrap/scaffolding.less +4 -4
  39. data/vendor/frameworks/twitter/bootstrap/sprites.less +3 -3
  40. data/vendor/frameworks/twitter/bootstrap/tables.less +26 -17
  41. data/vendor/frameworks/twitter/bootstrap/type.less +22 -6
  42. data/vendor/frameworks/twitter/bootstrap/variables.less +100 -6
  43. data/vendor/frameworks/twitter/bootstrap/wells.less +10 -0
  44. metadata +6 -7
  45. data/vendor/frameworks/twitter/bootstrap/patterns.less +0 -13
  46. data/vendor/frameworks/twitter/bootstrap/print.less +0 -18
@@ -33,7 +33,6 @@
33
33
  top: 50%;
34
34
  left: 50%;
35
35
  z-index: @zindexModal;
36
- max-height: 500px;
37
36
  overflow: auto;
38
37
  width: 560px;
39
38
  margin: -250px 0 0 -280px;
@@ -59,10 +58,12 @@
59
58
 
60
59
  // Body (where all modal content resises)
61
60
  .modal-body {
61
+ overflow-y: auto;
62
+ max-height: 400px;
62
63
  padding: 15px;
63
64
  }
64
65
  // Remove bottom margin if need be
65
- .modal-body .modal-form {
66
+ .modal-form {
66
67
  margin-bottom: 0;
67
68
  }
68
69
 
@@ -70,14 +71,20 @@
70
71
  .modal-footer {
71
72
  padding: 14px 15px 15px;
72
73
  margin-bottom: 0;
74
+ text-align: right; // right align buttons
73
75
  background-color: #f5f5f5;
74
76
  border-top: 1px solid #ddd;
75
77
  .border-radius(0 0 6px 6px);
76
78
  .box-shadow(inset 0 1px 0 @white);
77
- .clearfix();
78
- .btn {
79
- float: right;
79
+ .clearfix(); // clear it in case folks use .pull-* classes on buttons
80
+
81
+ // Properly space out buttons
82
+ .btn + .btn {
80
83
  margin-left: 5px;
81
84
  margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
82
85
  }
86
+ // but override that for button groups
87
+ .btn-group .btn + .btn {
88
+ margin-left: -1px;
89
+ }
83
90
  }
@@ -6,6 +6,10 @@
6
6
  // -------------
7
7
 
8
8
  .navbar {
9
+ // Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar
10
+ *position: relative;
11
+ *z-index: 2;
12
+
9
13
  overflow: visible;
10
14
  margin-bottom: @baseLineHeight;
11
15
  }
@@ -20,6 +24,12 @@
20
24
  .box-shadow(@shadow);
21
25
  }
22
26
 
27
+ // Set width to auto for default container
28
+ // We then reset it for fixed navbars in the #gridSystem mixin
29
+ .navbar .container {
30
+ width: auto;
31
+ }
32
+
23
33
  // Navbar button for toggling navbar items in responsive layouts
24
34
  .btn-navbar {
25
35
  display: none;
@@ -50,6 +60,7 @@
50
60
 
51
61
  // Brand, links, text, and buttons
52
62
  .navbar {
63
+ color: @navbarText;
53
64
  // Hover and active states
54
65
  .brand:hover {
55
66
  text-decoration: none;
@@ -68,17 +79,12 @@
68
79
  // Plain text in topbar
69
80
  .navbar-text {
70
81
  margin-bottom: 0;
71
- line-height: 40px;
72
- color: @navbarText;
73
- a:hover {
74
- color: @white;
75
- background-color: transparent;
76
- }
82
+ line-height: @navbarHeight;
77
83
  }
78
84
  // Buttons in navbar
79
85
  .btn,
80
86
  .btn-group {
81
- margin-top: 5px; // make buttons vertically centered in navbar
87
+ .navbarVerticalAlign(30px); // Vertically center in navbar
82
88
  }
83
89
  .btn-group .btn {
84
90
  margin-top: 0; // then undo the margin here so we don't accidentally double it
@@ -90,15 +96,16 @@
90
96
  margin-bottom: 0; // remove default bottom margin
91
97
  .clearfix();
92
98
  input,
99
+ select,
100
+ .radio,
101
+ .checkbox {
102
+ .navbarVerticalAlign(30px); // Vertically center in navbar
103
+ }
104
+ input,
93
105
  select {
94
106
  display: inline-block;
95
- margin-top: 5px;
96
107
  margin-bottom: 0;
97
108
  }
98
- .radio,
99
- .checkbox {
100
- margin-top: 5px;
101
- }
102
109
  input[type="image"],
103
110
  input[type="checkbox"],
104
111
  input[type="radio"] {
@@ -118,36 +125,33 @@
118
125
  .navbar-search {
119
126
  position: relative;
120
127
  float: left;
121
- margin-top: 6px;
128
+ .navbarVerticalAlign(28px); // Vertically center in navbar
122
129
  margin-bottom: 0;
123
130
  .search-query {
124
131
  padding: 4px 9px;
125
132
  #font > .sans-serif(13px, normal, 1);
126
133
  color: @white;
127
- color: rgba(255,255,255,.75);
128
- background: #666;
129
- background: rgba(255,255,255,.3);
130
- border: 1px solid #111;
134
+ background-color: @navbarSearchBackground;
135
+ border: 1px solid @navbarSearchBorder;
131
136
  @shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15);
132
137
  .box-shadow(@shadow);
133
138
  .transition(none);
134
139
 
135
- // Placeholder text gets special styles; can't be bundled together though for some reason
136
- .placeholder(@grayLighter);
137
-
138
- // Hover states
139
- &:hover {
140
- color: @white;
141
- background-color: @grayLight;
142
- background-color: rgba(255,255,255,.5);
140
+ // Placeholder text gets special styles; can't be a grouped selector
141
+ &:-moz-placeholder {
142
+ color: @navbarSearchPlaceholderColor;
143
+ }
144
+ &::-webkit-input-placeholder {
145
+ color: @navbarSearchPlaceholderColor;
143
146
  }
147
+
144
148
  // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
145
149
  &:focus,
146
150
  &.focused {
147
151
  padding: 5px 10px;
148
152
  color: @grayDark;
149
153
  text-shadow: 0 1px 0 @white;
150
- background-color: @white;
154
+ background-color: @navbarSearchBackgroundFocus;
151
155
  border: 0;
152
156
  .box-shadow(0 0 3px rgba(0,0,0,.15));
153
157
  outline: 0;
@@ -156,22 +160,42 @@
156
160
  }
157
161
 
158
162
 
163
+
159
164
  // FIXED NAVBAR
160
165
  // ------------
161
166
 
162
- .navbar-fixed-top {
167
+ // Shared (top/bottom) styles
168
+ .navbar-fixed-top,
169
+ .navbar-fixed-bottom {
163
170
  position: fixed;
164
- top: 0;
165
171
  right: 0;
166
172
  left: 0;
167
173
  z-index: @zindexFixedNavbar;
174
+ margin-bottom: 0; // remove 18px margin for static navbar
168
175
  }
169
- .navbar-fixed-top .navbar-inner {
176
+ .navbar-fixed-top .navbar-inner,
177
+ .navbar-fixed-bottom .navbar-inner {
170
178
  padding-left: 0;
171
179
  padding-right: 0;
172
180
  .border-radius(0);
173
181
  }
174
182
 
183
+ .navbar-fixed-top .container,
184
+ .navbar-fixed-bottom .container {
185
+ #grid > .core > .span(@gridColumns);
186
+ }
187
+
188
+ // Fixed to top
189
+ .navbar-fixed-top {
190
+ top: 0;
191
+ }
192
+
193
+ // Fixed to bottom
194
+ .navbar-fixed-bottom {
195
+ bottom: 0;
196
+ }
197
+
198
+
175
199
 
176
200
  // NAVIGATION
177
201
  // ----------
@@ -210,9 +234,9 @@
210
234
  // Active nav items
211
235
  .navbar .nav .active > a,
212
236
  .navbar .nav .active > a:hover {
213
- color: @navbarLinkColorHover;
237
+ color: @navbarLinkColorActive;
214
238
  text-decoration: none;
215
- background-color: @navbarBackground;
239
+ background-color: @navbarLinkBackgroundActive;
216
240
  }
217
241
 
218
242
  // Dividers (basically a vertical hr)
@@ -246,7 +270,7 @@
246
270
  border-left: 7px solid transparent;
247
271
  border-right: 7px solid transparent;
248
272
  border-bottom: 7px solid #ccc;
249
- border-bottom-color: rgba(0,0,0,.2);
273
+ border-bottom-color: @dropdownBorder;
250
274
  position: absolute;
251
275
  top: -7px;
252
276
  left: 9px;
@@ -256,17 +280,33 @@
256
280
  display: inline-block;
257
281
  border-left: 6px solid transparent;
258
282
  border-right: 6px solid transparent;
259
- border-bottom: 6px solid @white;
283
+ border-bottom: 6px solid @dropdownBackground;
260
284
  position: absolute;
261
285
  top: -6px;
262
286
  left: 10px;
263
287
  }
264
288
  }
265
-
289
+ // Menu position and menu caret support for dropups via extra dropup class
290
+ .navbar-fixed-bottom .dropdown-menu {
291
+ &:before {
292
+ border-top: 7px solid #ccc;
293
+ border-top-color: @dropdownBorder;
294
+ border-bottom: 0;
295
+ bottom: -7px;
296
+ top: auto;
297
+ }
298
+ &:after {
299
+ border-top: 6px solid @dropdownBackground;
300
+ border-bottom: 0;
301
+ bottom: -6px;
302
+ top: auto;
303
+ }
304
+ }
266
305
  // Dropdown toggle caret
267
306
  .navbar .nav .dropdown-toggle .caret,
268
307
  .navbar .nav .open.dropdown .caret {
269
308
  border-top-color: @white;
309
+ border-bottom-color: @white;
270
310
  }
271
311
  .navbar .nav .active .caret {
272
312
  .opacity(100);
@@ -285,7 +325,9 @@
285
325
  }
286
326
 
287
327
  // Right aligned menus need alt position
288
- .navbar .nav.pull-right .dropdown-menu {
328
+ // TODO: rejigger this at some point to simplify the selectors
329
+ .navbar .nav.pull-right .dropdown-menu,
330
+ .navbar .nav .dropdown-menu.pull-right {
289
331
  left: auto;
290
332
  right: 0;
291
333
  &:before {
@@ -42,8 +42,8 @@
42
42
  // --------
43
43
 
44
44
  .nav-list {
45
- padding-left: 14px;
46
- padding-right: 14px;
45
+ padding-left: 15px;
46
+ padding-right: 15px;
47
47
  margin-bottom: 0;
48
48
  }
49
49
  .nav-list > li > a,
@@ -55,8 +55,8 @@
55
55
  .nav-list > li > a {
56
56
  padding: 3px 15px;
57
57
  }
58
- .nav-list .active > a,
59
- .nav-list .active > a:hover {
58
+ .nav-list > .active > a,
59
+ .nav-list > .active > a:hover {
60
60
  color: @white;
61
61
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
62
62
  background-color: @linkColor;
@@ -64,6 +64,10 @@
64
64
  .nav-list [class^="icon-"] {
65
65
  margin-right: 2px;
66
66
  }
67
+ // Dividers (basically an hr) within the dropdown
68
+ .nav-list .divider {
69
+ .nav-divider();
70
+ }
67
71
 
68
72
 
69
73
 
@@ -102,8 +106,9 @@
102
106
 
103
107
  // Actual tabs (as links)
104
108
  .nav-tabs > li > a {
105
- padding-top: 9px;
106
- padding-bottom: 9px;
109
+ padding-top: 8px;
110
+ padding-bottom: 8px;
111
+ line-height: @baseLineHeight;
107
112
  border: 1px solid transparent;
108
113
  .border-radius(4px 4px 0 0);
109
114
  &:hover {
@@ -133,8 +138,8 @@
133
138
  }
134
139
 
135
140
  // Active state
136
- .nav-pills .active > a,
137
- .nav-pills .active > a:hover {
141
+ .nav-pills > .active > a,
142
+ .nav-pills > .active > a:hover {
138
143
  color: @white;
139
144
  background-color: @linkColor;
140
145
  }
@@ -200,11 +205,13 @@
200
205
  .nav-tabs .dropdown-toggle .caret,
201
206
  .nav-pills .dropdown-toggle .caret {
202
207
  border-top-color: @linkColor;
208
+ border-bottom-color: @linkColor;
203
209
  margin-top: 6px;
204
210
  }
205
211
  .nav-tabs .dropdown-toggle:hover .caret,
206
212
  .nav-pills .dropdown-toggle:hover .caret {
207
213
  border-top-color: @linkColorHover;
214
+ border-bottom-color: @linkColorHover;
208
215
  }
209
216
 
210
217
  // Active dropdown links
@@ -212,6 +219,7 @@
212
219
  .nav-tabs .active .dropdown-toggle .caret,
213
220
  .nav-pills .active .dropdown-toggle .caret {
214
221
  border-top-color: @grayDark;
222
+ border-bottom-color: @grayDark;
215
223
  }
216
224
 
217
225
  // Active:hover dropdown links
@@ -234,6 +242,7 @@
234
242
  .nav .open.active .caret,
235
243
  .nav .open a:hover .caret {
236
244
  border-top-color: @white;
245
+ border-bottom-color: @white;
237
246
  .opacity(100);
238
247
  }
239
248
 
@@ -256,7 +265,8 @@
256
265
  .clearfix();
257
266
  }
258
267
  .tab-content {
259
- overflow: hidden; // prevent content from running below tabs
268
+ display: table; // prevent content from running below tabs
269
+ width: 100%;
260
270
  }
261
271
 
262
272
  // Remove border on bottom, left, right
@@ -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;
@@ -17,6 +17,12 @@
17
17
  to { background-position: 40px 0; }
18
18
  }
19
19
 
20
+ // IE9
21
+ @-ms-keyframes progress-bar-stripes {
22
+ from { background-position: 0 0; }
23
+ to { background-position: 40px 0; }
24
+ }
25
+
20
26
  // Spec
21
27
  @keyframes progress-bar-stripes {
22
28
  from { background-position: 0 0; }
@@ -54,7 +60,7 @@
54
60
 
55
61
  // Striped bars
56
62
  .progress-striped .bar {
57
- #gradient > .striped(#62c462);
63
+ #gradient > .striped(#149bdf);
58
64
  .background-size(40px 40px);
59
65
  }
60
66
 
@@ -93,3 +99,11 @@
93
99
  .progress-info.progress-striped .bar {
94
100
  #gradient > .striped(#5bc0de);
95
101
  }
102
+
103
+ // Warning (orange)
104
+ .progress-warning .bar {
105
+ #gradient > .vertical(lighten(@orange, 15%), @orange);
106
+ }
107
+ .progress-warning.progress-striped .bar {
108
+ #gradient > .striped(lighten(@orange, 15%));
109
+ }
@@ -75,10 +75,10 @@ sub {
75
75
  // -------------------------
76
76
 
77
77
  img {
78
- max-width: 100%;
79
78
  height: auto;
80
79
  border: 0;
81
80
  -ms-interpolation-mode: bicubic;
81
+ vertical-align: middle;
82
82
  }
83
83
 
84
84
  // Forms
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap Responsive v2.0.1
2
+ * Bootstrap Responsive v2.0.2
3
3
  *
4
4
  * Copyright 2012 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
@@ -31,6 +31,37 @@
31
31
  visibility: hidden;
32
32
  }
33
33
 
34
+ // Visibility utilities
35
+
36
+ // For desktops
37
+ .visible-phone { display: none; }
38
+ .visible-tablet { display: none; }
39
+ .visible-desktop { display: block; }
40
+ .hidden-phone { display: block; }
41
+ .hidden-tablet { display: block; }
42
+ .hidden-desktop { display: none; }
43
+
44
+ // Phones only
45
+ @media (max-width: 767px) {
46
+ // Show
47
+ .visible-phone { display: block; }
48
+ // Hide
49
+ .hidden-phone { display: none; }
50
+ // Hide everything else
51
+ .hidden-desktop { display: block; }
52
+ .visible-desktop { display: none; }
53
+ }
54
+
55
+ // Tablets & small desktops only
56
+ @media (min-width: 768px) and (max-width: 979px) {
57
+ // Show
58
+ .visible-tablet { display: block; }
59
+ // Hide
60
+ .hidden-tablet { display: none; }
61
+ // Hide everything else
62
+ .hidden-desktop { display: block; }
63
+ .visible-desktop { display: none; }
64
+ }
34
65
 
35
66
 
36
67
  // UP TO LANDSCAPE PHONE
@@ -49,26 +80,6 @@
49
80
  line-height: @baseLineHeight;
50
81
  }
51
82
 
52
- // Make span* classes full width
53
- input[class*="span"],
54
- select[class*="span"],
55
- textarea[class*="span"],
56
- .uneditable-input {
57
- display: block;
58
- width: 100%;
59
- min-height: 28px; /* Make inputs at least the height of their button counterpart */
60
- /* Makes inputs behave like true block-level elements */
61
- -webkit-box-sizing: border-box; /* Older Webkit */
62
- -moz-box-sizing: border-box; /* Older FF */
63
- -ms-box-sizing: border-box; /* IE8 */
64
- box-sizing: border-box; /* CSS3 spec*/
65
- }
66
- // But don't let it screw up prepend/append inputs
67
- .input-prepend input[class*="span"],
68
- .input-append input[class*="span"] {
69
- width: auto;
70
- }
71
-
72
83
  // Update checkboxes for iOS
73
84
  input[type="checkbox"],
74
85
  input[type="radio"] {
@@ -124,12 +135,22 @@
124
135
  // --------------------------------------------------
125
136
 
126
137
  @media (max-width: 767px) {
138
+
139
+ // Padding to set content in a bit
140
+ body {
141
+ padding-left: 20px;
142
+ padding-right: 20px;
143
+ }
144
+ .navbar-fixed-top {
145
+ margin-left: -20px;
146
+ margin-right: -20px;
147
+ }
148
+
127
149
  // GRID & CONTAINERS
128
150
  // -----------------
129
151
  // Remove width from containers
130
152
  .container {
131
153
  width: auto;
132
- padding: 0 20px;
133
154
  }
134
155
  // Fluid rows
135
156
  .row-fluid {
@@ -147,6 +168,28 @@
147
168
  width: auto;
148
169
  margin: 0;
149
170
  }
171
+
172
+ // THUMBNAILS
173
+ // ----------
174
+ .thumbnails [class*="span"] {
175
+ width: auto;
176
+ }
177
+
178
+ // FORM FIELDS
179
+ // -----------
180
+ // Make span* classes full width
181
+ input[class*="span"],
182
+ select[class*="span"],
183
+ textarea[class*="span"],
184
+ .uneditable-input {
185
+ .input-block-level();
186
+ }
187
+ // But don't let it screw up prepend/append inputs
188
+ .input-prepend input[class*="span"],
189
+ .input-append input[class*="span"] {
190
+ width: auto;
191
+ }
192
+
150
193
  }
151
194
 
152
195
 
@@ -157,13 +200,13 @@
157
200
  @media (min-width: 768px) and (max-width: 979px) {
158
201
 
159
202
  // Fixed grid
160
- #gridSystem > .generate(12, 42px, 20px);
203
+ #grid > .core(42px, 20px);
161
204
 
162
205
  // Fluid grid
163
- #fluidGridSystem > .generate(12, 5.801104972%, 2.762430939%);
206
+ #grid > .fluid(5.801104972%, 2.762430939%);
164
207
 
165
208
  // Input grid
166
- #inputGridSystem > .generate(12, 42px, 20px);
209
+ #grid > .input(42px, 20px);
167
210
 
168
211
  }
169
212
 
@@ -297,6 +340,7 @@
297
340
  @media (min-width: 980px) {
298
341
  .nav-collapse.collapse {
299
342
  height: auto !important;
343
+ overflow: visible !important;
300
344
  }
301
345
  }
302
346
 
@@ -308,13 +352,13 @@
308
352
  @media (min-width: 1200px) {
309
353
 
310
354
  // Fixed grid
311
- #gridSystem > .generate(12, 70px, 30px);
355
+ #grid > .core(70px, 30px);
312
356
 
313
357
  // Fluid grid
314
- #fluidGridSystem > .generate(12, 5.982905983%, 2.564102564%);
358
+ #grid > .fluid(5.982905983%, 2.564102564%);
315
359
 
316
360
  // Input grid
317
- #inputGridSystem > .generate(12, 70px, 30px);
361
+ #grid > .input(70px, 30px);
318
362
 
319
363
  // Thumbnails
320
364
  .thumbnails {