bootstrap-sass 2.0.4.2 → 2.1.0.0

Sign up to get free protection for your applications and to get access to all the features.

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
  }