bootstrap-sass 2.0.4.2 → 2.1.0.0

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 bootstrap-sass might be problematic. Click here for more details.

Files changed (57) hide show
  1. data/README.md +3 -6
  2. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  3. data/vendor/assets/javascripts/bootstrap-affix.js +104 -0
  4. data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
  5. data/vendor/assets/javascripts/bootstrap-button.js +1 -1
  6. data/vendor/assets/javascripts/bootstrap-carousel.js +12 -5
  7. data/vendor/assets/javascripts/bootstrap-collapse.js +4 -3
  8. data/vendor/assets/javascripts/bootstrap-dropdown.js +66 -16
  9. data/vendor/assets/javascripts/bootstrap-modal.js +95 -74
  10. data/vendor/assets/javascripts/bootstrap-popover.js +9 -4
  11. data/vendor/assets/javascripts/bootstrap-scrollspy.js +9 -9
  12. data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
  13. data/vendor/assets/javascripts/bootstrap-tooltip.js +15 -15
  14. data/vendor/assets/javascripts/bootstrap-transition.js +2 -3
  15. data/vendor/assets/javascripts/bootstrap-typeahead.js +51 -36
  16. data/vendor/assets/javascripts/bootstrap.js +1 -0
  17. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +15 -8
  18. data/vendor/assets/stylesheets/_bootstrap.scss +2 -2
  19. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +3 -2
  20. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +19 -10
  21. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +11 -11
  22. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +94 -28
  23. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +94 -54
  24. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +22 -7
  25. data/vendor/assets/stylesheets/bootstrap/_close.scss +5 -3
  26. data/vendor/assets/stylesheets/bootstrap/_code.scss +8 -6
  27. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +7 -4
  28. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +90 -17
  29. data/vendor/assets/stylesheets/bootstrap/_forms.scss +243 -90
  30. data/vendor/assets/stylesheets/bootstrap/_grid.scss +17 -2
  31. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +4 -2
  32. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +25 -5
  33. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +1 -2
  34. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +143 -134
  35. data/vendor/assets/stylesheets/bootstrap/_modals.scss +13 -6
  36. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +263 -141
  37. data/vendor/assets/stylesheets/bootstrap/_navs.scss +75 -31
  38. data/vendor/assets/stylesheets/bootstrap/_pager.scss +7 -5
  39. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +22 -11
  40. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +101 -33
  41. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +23 -19
  42. data/vendor/assets/stylesheets/bootstrap/_reset.scss +35 -11
  43. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +9 -7
  44. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +103 -72
  45. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +8 -5
  46. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +26 -9
  47. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +17 -15
  48. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +26 -4
  49. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +19 -9
  50. data/vendor/assets/stylesheets/bootstrap/_tables.scss +94 -23
  51. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +10 -7
  52. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +47 -12
  53. data/vendor/assets/stylesheets/bootstrap/_type.scss +71 -89
  54. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +9 -2
  55. data/vendor/assets/stylesheets/bootstrap/_variables.scss +108 -68
  56. data/vendor/assets/stylesheets/bootstrap/_wells.scss +8 -6
  57. metadata +3 -2
@@ -1,3 +1,8 @@
1
+ //
2
+ // Responsive: Navbar
3
+ // --------------------------------------------------
4
+
5
+
1
6
  // TABLETS AND BELOW
2
7
  // -----------------
3
8
  @media (max-width: 979px) {
@@ -8,8 +13,9 @@
8
13
  body {
9
14
  padding-top: 0;
10
15
  }
11
- // Unfix the navbar
12
- .navbar-fixed-top, .navbar-fixed-bottom {
16
+ // Unfix the navbars
17
+ .navbar-fixed-top,
18
+ .navbar-fixed-bottom {
13
19
  position: static;
14
20
  }
15
21
  .navbar-fixed-top {
@@ -18,7 +24,8 @@
18
24
  .navbar-fixed-bottom {
19
25
  margin-top: $baseLineHeight;
20
26
  }
21
- .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
27
+ .navbar-fixed-top .navbar-inner,
28
+ .navbar-fixed-bottom .navbar-inner {
22
29
  padding: 5px;
23
30
  }
24
31
  .navbar .container {
@@ -57,8 +64,9 @@
57
64
  text-shadow: none;
58
65
  }
59
66
  // Nav and dropdown links in navbar
60
- .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
61
- padding: 6px 15px;
67
+ .nav-collapse .nav > li > a,
68
+ .nav-collapse .dropdown-menu a {
69
+ padding: 9px 15px;
62
70
  font-weight: bold;
63
71
  color: $navbarLinkColor;
64
72
  @include border-radius(3px);
@@ -72,9 +80,14 @@
72
80
  .nav-collapse .dropdown-menu li + li a {
73
81
  margin-bottom: 2px;
74
82
  }
75
- .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
83
+ .nav-collapse .nav > li > a:hover,
84
+ .nav-collapse .dropdown-menu a:hover {
76
85
  background-color: $navbarBackground;
77
86
  }
87
+ .navbar-inverse .nav-collapse .nav > li > a:hover,
88
+ .navbar-inverse .nav-collapse .dropdown-menu a:hover {
89
+ background-color: $navbarInverseBackground;
90
+ }
78
91
  // Buttons in the navbar
79
92
  .nav-collapse.in .btn-group {
80
93
  margin-top: 5px;
@@ -95,14 +108,16 @@
95
108
  @include border-radius(0);
96
109
  @include box-shadow(none);
97
110
  }
98
- .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {
111
+ .nav-collapse .dropdown-menu:before,
112
+ .nav-collapse .dropdown-menu:after {
99
113
  display: none;
100
114
  }
101
115
  .nav-collapse .dropdown-menu .divider {
102
116
  display: none;
103
117
  }
104
118
  // Forms in navbar
105
- .nav-collapse .navbar-form, .nav-collapse .navbar-search {
119
+ .nav-collapse .navbar-form,
120
+ .nav-collapse .navbar-search {
106
121
  float: none;
107
122
  padding: ($baseLineHeight / 2) 15px;
108
123
  margin: ($baseLineHeight / 2) 0;
@@ -138,10 +153,12 @@
138
153
  // DEFAULT DESKTOP
139
154
  // ---------------
140
155
 
141
- // Required to make the collapsing navbar work on regular desktops
142
156
  @media (min-width: 980px) {
157
+
158
+ // Required to make the collapsing navbar work on regular desktops
143
159
  .nav-collapse.collapse {
144
160
  height: auto !important;
145
161
  overflow: visible !important;
146
162
  }
163
+
147
164
  }
@@ -1,5 +1,7 @@
1
- // RESPONSIVE CLASSES
2
- // ------------------
1
+ //
2
+ // Responsive: Utility classes
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  // Hide from screenreaders and browsers
5
7
  // Credit: HTML5 Boilerplate
@@ -13,29 +15,29 @@
13
15
  // For desktops
14
16
  .visible-phone { display: none !important; }
15
17
  .visible-tablet { display: none !important; }
16
- .visible-desktop { } // Don't set initially
17
18
  .hidden-phone { }
18
19
  .hidden-tablet { }
19
20
  .hidden-desktop { display: none !important; }
20
-
21
- // Phones only
22
- @media (max-width: 767px) {
23
- // Show
24
- .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
25
- // Hide
26
- .hidden-phone { display: none !important; }
27
- // Hide everything else
28
- .hidden-desktop { display: inherit !important; }
29
- .visible-desktop { display: none !important; }
30
- }
21
+ .visible-desktop { display: inherit !important; }
31
22
 
32
23
  // Tablets & small desktops only
33
24
  @media (min-width: 768px) and (max-width: 979px) {
25
+ // Hide everything else
26
+ .hidden-desktop { display: inherit !important; }
27
+ .visible-desktop { display: none !important ; }
34
28
  // Show
35
29
  .visible-tablet { display: inherit !important; }
36
30
  // Hide
37
31
  .hidden-tablet { display: none !important; }
32
+ }
33
+
34
+ // Phones only
35
+ @media (max-width: 767px) {
38
36
  // Hide everything else
39
37
  .hidden-desktop { display: inherit !important; }
40
- .visible-desktop { display: none !important ; }
38
+ .visible-desktop { display: none !important; }
39
+ // Show
40
+ .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
41
+ // Hide
42
+ .hidden-phone { display: none !important; }
41
43
  }
@@ -1,10 +1,10 @@
1
+ //
1
2
  // Scaffolding
2
- // Basic and global styles for generating a grid system, structural layout, and page templates
3
- // -------------------------------------------------------------------------------------------
3
+ // --------------------------------------------------
4
4
 
5
5
 
6
6
  // Body reset
7
- // -----------------
7
+ // -------------------------
8
8
 
9
9
  body {
10
10
  margin: 0;
@@ -17,7 +17,7 @@ body {
17
17
 
18
18
 
19
19
  // Links
20
- // -----
20
+ // -------------------------
21
21
 
22
22
  a {
23
23
  color: $linkColor;
@@ -26,4 +26,26 @@ a {
26
26
  a:hover {
27
27
  color: $linkColorHover;
28
28
  text-decoration: underline;
29
+ }
30
+
31
+
32
+ // Images
33
+ // -------------------------
34
+
35
+ .img-rounded {
36
+ @include border-radius(6px);
37
+ }
38
+
39
+ .img-polaroid {
40
+ padding: 4px;
41
+ background-color: #fff;
42
+ border: 1px solid #ccc;
43
+ border: 1px solid rgba(0,0,0,.2);
44
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
45
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
46
+ box-shadow: 0 1px 3px rgba(0,0,0,.1);
47
+ }
48
+
49
+ .img-circle {
50
+ @include border-radius(500px);
29
51
  }
@@ -1,20 +1,21 @@
1
- // SPRITES
2
- // Glyphs and icons for buttons, nav, and more
3
- // -------------------------------------------
1
+ //
2
+ // Sprites
3
+ // --------------------------------------------------
4
4
 
5
5
 
6
6
  // ICONS
7
7
  // -----
8
8
 
9
- // All icons receive the styles of the <i> tag with a base class
10
- // of .i and are then given a unique class to add width, height,
9
+ // All icons receive the styles of the <i> tag with a base class
10
+ // of .i and are then given a unique class to add width, height,
11
11
  // and background-position. Your resulting HTML will look like
12
12
  // <i class="icon-inbox"></i>.
13
13
 
14
14
  // For the white version of the icons, just add the .icon-white class:
15
15
  // <i class="icon-inbox icon-white"></i>
16
16
 
17
- [class^="icon-"], [class*=" icon-"] {
17
+ [class^="icon-"],
18
+ [class*=" icon-"] {
18
19
  display: inline-block;
19
20
  width: 14px;
20
21
  height: 14px;
@@ -24,8 +25,17 @@
24
25
  background-image: $iconSpritePath;
25
26
  background-position: 14px 14px;
26
27
  background-repeat: no-repeat;
28
+ margin-top: 1px;
27
29
  }
28
- .icon-white {
30
+
31
+ /* White icons with optional class, or on hover/active states of certain elements */
32
+ .icon-white,
33
+ .nav > .active > a > [class^="icon-"],
34
+ .nav > .active > a > [class*=" icon-"],
35
+ .dropdown-menu > li > a:hover > [class^="icon-"],
36
+ .dropdown-menu > li > a:hover > [class*=" icon-"],
37
+ .dropdown-menu > .active > a > [class^="icon-"],
38
+ .dropdown-menu > .active > a > [class*=" icon-"] {
29
39
  background-image: $iconWhiteSpritePath;
30
40
  }
31
41
 
@@ -143,7 +153,7 @@
143
153
  .icon-warning-sign { background-position: -144px -120px; }
144
154
  .icon-plane { background-position: -168px -120px; }
145
155
  .icon-calendar { background-position: -192px -120px; }
146
- .icon-random { background-position: -216px -120px; }
156
+ .icon-random { background-position: -216px -120px; width: 16px; }
147
157
  .icon-comment { background-position: -240px -120px; }
148
158
  .icon-magnet { background-position: -264px -120px; }
149
159
  .icon-chevron-up { background-position: -288px -120px; }
@@ -151,7 +161,7 @@
151
161
  .icon-retweet { background-position: -336px -120px; }
152
162
  .icon-shopping-cart { background-position: -360px -120px; }
153
163
  .icon-folder-close { background-position: -384px -120px; }
154
- .icon-folder-open { background-position: -408px -120px; }
164
+ .icon-folder-open { background-position: -408px -120px; width: 16px; }
155
165
  .icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
156
166
  .icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
157
167
 
@@ -1,7 +1,6 @@
1
1
  //
2
- // Tables.less
3
- // Tables for, you guessed it, tabular data
4
- // ----------------------------------------
2
+ // Tables
3
+ // --------------------------------------------------
5
4
 
6
5
 
7
6
  // BASE TABLES
@@ -21,7 +20,8 @@ table {
21
20
  width: 100%;
22
21
  margin-bottom: $baseLineHeight;
23
22
  // Cells
24
- th, td {
23
+ th,
24
+ td {
25
25
  padding: 8px;
26
26
  line-height: $baseLineHeight;
27
27
  text-align: left;
@@ -36,9 +36,12 @@ table {
36
36
  vertical-align: bottom;
37
37
  }
38
38
  // Remove top border from thead by default
39
- caption + thead tr:first-child th, caption + thead tr:first-child td,
40
- colgroup + thead tr:first-child th, colgroup + thead tr:first-child td,
41
- thead:first-child tr:first-child th, thead:first-child tr:first-child td {
39
+ caption + thead tr:first-child th,
40
+ caption + thead tr:first-child td,
41
+ colgroup + thead tr:first-child th,
42
+ colgroup + thead tr:first-child td,
43
+ thead:first-child tr:first-child th,
44
+ thead:first-child tr:first-child td {
42
45
  border-top: 0;
43
46
  }
44
47
  // Account for multiple tbody instances
@@ -53,7 +56,8 @@ table {
53
56
  // -------------------------------
54
57
 
55
58
  .table-condensed {
56
- th, td {
59
+ th,
60
+ td {
57
61
  padding: 4px 5px;
58
62
  }
59
63
  }
@@ -65,50 +69,86 @@ table {
65
69
  .table-bordered {
66
70
  border: 1px solid $tableBorder;
67
71
  border-collapse: separate; // Done so we can round those corners!
68
- *border-collapse: collapsed; // IE7 can't round corners anyway
72
+ *border-collapse: collapse; // IE7 can't round corners anyway
69
73
  border-left: 0;
70
74
  @include border-radius(4px);
71
- th, td {
75
+ th,
76
+ td {
72
77
  border-left: 1px solid $tableBorder;
73
78
  }
74
79
  // Prevent a double border
75
- caption + thead tr:first-child th, caption + tbody tr:first-child th, caption + tbody tr:first-child td,
76
- colgroup + thead tr:first-child th, colgroup + tbody tr:first-child th, colgroup + tbody tr:first-child td,
77
- thead:first-child tr:first-child th, tbody:first-child tr:first-child th, tbody:first-child tr:first-child td {
80
+ caption + thead tr:first-child th,
81
+ caption + tbody tr:first-child th,
82
+ caption + tbody tr:first-child td,
83
+ colgroup + thead tr:first-child th,
84
+ colgroup + tbody tr:first-child th,
85
+ colgroup + tbody tr:first-child td,
86
+ thead:first-child tr:first-child th,
87
+ tbody:first-child tr:first-child th,
88
+ tbody:first-child tr:first-child td {
78
89
  border-top: 0;
79
90
  }
80
91
  // For first th or td in the first row in the first thead or tbody
81
- thead:first-child tr:first-child th:first-child, tbody:first-child tr:first-child td:first-child {
92
+ thead:first-child tr:first-child th:first-child,
93
+ tbody:first-child tr:first-child td:first-child {
82
94
  -webkit-border-top-left-radius: 4px;
83
95
  border-top-left-radius: 4px;
84
96
  -moz-border-radius-topleft: 4px;
85
97
  }
86
- thead:first-child tr:first-child th:last-child, tbody:first-child tr:first-child td:last-child {
98
+ thead:first-child tr:first-child th:last-child,
99
+ tbody:first-child tr:first-child td:last-child {
87
100
  -webkit-border-top-right-radius: 4px;
88
101
  border-top-right-radius: 4px;
89
102
  -moz-border-radius-topright: 4px;
90
103
  }
91
104
  // For first th or td in the first row in the first thead or tbody
92
- thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child {
105
+ thead:last-child tr:last-child th:first-child,
106
+ tbody:last-child tr:last-child td:first-child,
107
+ tfoot:last-child tr:last-child td:first-child {
108
+ @include border-radius(0 0 0 4px);
93
109
  -webkit-border-bottom-left-radius: 4px;
94
110
  border-bottom-left-radius: 4px;
95
111
  -moz-border-radius-bottomleft: 4px;
96
112
  }
97
- thead:last-child tr:last-child th:last-child, tbody:last-child tr:last-child td:last-child {
113
+ thead:last-child tr:last-child th:last-child,
114
+ tbody:last-child tr:last-child td:last-child,
115
+ tfoot:last-child tr:last-child td:last-child {
98
116
  -webkit-border-bottom-right-radius: 4px;
99
117
  border-bottom-right-radius: 4px;
100
- -moz-border-radius-bottomright: 4px;
118
+ -moz-border-radius-bottomright: 4px;
101
119
  }
120
+
121
+ // Special fixes to round the left border on the first td/th
122
+ caption + thead tr:first-child th:first-child,
123
+ caption + tbody tr:first-child td:first-child,
124
+ colgroup + thead tr:first-child th:first-child,
125
+ colgroup + tbody tr:first-child td:first-child {
126
+ -webkit-border-top-left-radius: 4px;
127
+ border-top-left-radius: 4px;
128
+ -moz-border-radius-topleft: 4px;
129
+ }
130
+ caption + thead tr:first-child th:last-child,
131
+ caption + tbody tr:first-child td:last-child,
132
+ colgroup + thead tr:first-child th:last-child,
133
+ colgroup + tbody tr:first-child td:last-child {
134
+ -webkit-border-top-right-radius: 4px;
135
+ border-top-right-radius: 4px;
136
+ -moz-border-right-topleft: 4px;
137
+ }
138
+
102
139
  }
103
140
 
104
141
 
142
+
143
+
105
144
  // ZEBRA-STRIPING
106
145
  // --------------
107
146
 
108
147
  // Default zebra-stripe styles (alternating gray and transparent backgrounds)
109
148
  .table-striped {
110
149
  tbody {
111
- tr:nth-child(odd) td, tr:nth-child(odd) th {
150
+ tr:nth-child(odd) td,
151
+ tr:nth-child(odd) th {
112
152
  background-color: $tableBackgroundAccent;
113
153
  }
114
154
  }
@@ -118,16 +158,47 @@ table {
118
158
  // HOVER EFFECT
119
159
  // ------------
120
160
  // Placed here since it has to come after the potential zebra striping
121
- .table {
122
- tbody tr:hover td, tbody tr:hover th {
123
- background-color: $tableBackgroundHover;
161
+ .table-hover {
162
+ tbody {
163
+ tr:hover td,
164
+ tr:hover th {
165
+ background-color: $tableBackgroundHover;
166
+ }
124
167
  }
125
168
  }
126
169
 
170
+
127
171
  // TABLE CELL SIZING
128
172
  // -----------------
173
+
174
+ // Reset default grid behavior
175
+ table [class*=span],
176
+ .row-fluid table [class*=span] {
177
+ display: table-cell;
178
+ float: none; // undo default grid column styles
179
+ margin-left: 0; // undo default grid column styles
180
+ }
181
+
182
+ // Change the column widths to account for td/th padding
129
183
  table {
130
184
  @for $i from 1 through $gridColumns {
131
185
  .span#{$i} { @include tableColumns($i); }
132
186
  }
133
- }
187
+ }
188
+
189
+
190
+ // TABLE BACKGROUNDS
191
+ // -----------------
192
+ // Exact selectors below required to override .table-striped
193
+
194
+ .table {
195
+ tbody tr.success td {
196
+ background-color: $successBackground;
197
+ }
198
+ tbody tr.error td {
199
+ background-color: $errorBackground;
200
+ }
201
+ tbody tr.info td {
202
+ background-color: $infoBackground;
203
+ }
204
+ }
@@ -1,5 +1,8 @@
1
- // THUMBNAILS
2
- // ----------
1
+ //
2
+ // Thumbnails
3
+ // --------------------------------------------------
4
+
5
+
3
6
  // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
4
7
 
5
8
  // Make wrapper ul behave like the grid
@@ -15,8 +18,6 @@
15
18
 
16
19
  // Float li to make thumbnails appear in a row
17
20
  .thumbnails > li {
18
- float: left;
19
- margin: 0 0 $baseLineHeight $gridGutterWidth;
20
21
  float: left; // Explicity set the float since we don't require .span* classes
21
22
  margin-bottom: $baseLineHeight;
22
23
  margin-left: $gridGutterWidth;
@@ -26,17 +27,18 @@
26
27
  .thumbnail {
27
28
  display: block;
28
29
  padding: 4px;
29
- line-height: 1;
30
+ line-height: $baseLineHeight;
30
31
  border: 1px solid #ddd;
31
32
  @include border-radius(4px);
32
- @include box-shadow(0 1px 1px rgba(0,0,0,.075));
33
+ @include box-shadow(0 1px 3px rgba(0,0,0,.055));
34
+ @include transition(all .2s ease-in-out);
33
35
  }
34
-
35
36
  // Add a hover state for linked versions only
36
37
  a.thumbnail:hover {
37
38
  border-color: $linkColor;
38
39
  @include box-shadow(0 1px 4px rgba(0,105,214,.25));
39
40
  }
41
+
40
42
  // Images and captions
41
43
  .thumbnail > img {
42
44
  display: block;
@@ -46,4 +48,5 @@ a.thumbnail:hover {
46
48
  }
47
49
  .thumbnail .caption {
48
50
  padding: 9px;
51
+ color: $gray;
49
52
  }