bootstrap-sass-rails-rtl 2.2.2.0 → 2.3.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (70) hide show
  1. data/README.md +25 -0
  2. data/lib/bootstrap/sass/rails/version.rb +1 -1
  3. data/vendor/assets/javascripts/twitter/bootstrap/affix.js +1 -1
  4. data/vendor/assets/javascripts/twitter/bootstrap/alert.js +1 -1
  5. data/vendor/assets/javascripts/twitter/bootstrap/button.js +1 -1
  6. data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +32 -10
  7. data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +4 -4
  8. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +14 -10
  9. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +14 -12
  10. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +5 -5
  11. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +2 -2
  12. data/vendor/assets/javascripts/twitter/bootstrap/tab.js +1 -1
  13. data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +104 -30
  14. data/vendor/assets/javascripts/twitter/bootstrap/transition.js +1 -1
  15. data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +16 -4
  16. data/vendor/assets/stylesheets/twitter/bootstrap-no-sprites.css.scss +1 -1
  17. data/vendor/assets/stylesheets/twitter/bootstrap.css.scss +1 -1
  18. data/vendor/assets/stylesheets/twitter/bootstrap/_button-groups.scss +4 -2
  19. data/vendor/assets/stylesheets/twitter/bootstrap/_buttons.scss +8 -10
  20. data/vendor/assets/stylesheets/twitter/bootstrap/_carousel.scss +34 -7
  21. data/vendor/assets/stylesheets/twitter/bootstrap/_close.scss +2 -1
  22. data/vendor/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +16 -12
  23. data/vendor/assets/stylesheets/twitter/bootstrap/_forms.scss +12 -2
  24. data/vendor/assets/stylesheets/twitter/bootstrap/_labels-badges.scss +4 -2
  25. data/vendor/assets/stylesheets/twitter/bootstrap/_media.scss +2 -2
  26. data/vendor/assets/stylesheets/twitter/bootstrap/_mixins.scss +17 -1
  27. data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.scss +20 -13
  28. data/vendor/assets/stylesheets/twitter/bootstrap/_navs.scss +33 -18
  29. data/vendor/assets/stylesheets/twitter/bootstrap/_pager.scss +3 -1
  30. data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.scss +3 -1
  31. data/vendor/assets/stylesheets/twitter/bootstrap/_popovers.scss +5 -1
  32. data/vendor/assets/stylesheets/twitter/bootstrap/_reset.scss +0 -1
  33. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-767px-max.scss +0 -1
  34. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-navbar.scss +6 -2
  35. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +17 -0
  36. data/vendor/assets/stylesheets/twitter/bootstrap/_responsive.scss +1 -10
  37. data/vendor/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +2 -1
  38. data/vendor/assets/stylesheets/twitter/bootstrap/_sprites.scss +7 -3
  39. data/vendor/assets/stylesheets/twitter/bootstrap/_tables.scss +26 -19
  40. data/vendor/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +3 -2
  41. data/vendor/assets/stylesheets/twitter/bootstrap/_tooltip.scss +6 -6
  42. data/vendor/assets/stylesheets/twitter/bootstrap/_type.scss +19 -7
  43. data/vendor/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -1
  44. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_button-groups.scss +4 -2
  45. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_buttons.scss +8 -10
  46. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_carousel.scss +34 -7
  47. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_close.scss +2 -1
  48. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_dropdowns.scss +16 -12
  49. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_forms.scss +12 -2
  50. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_labels-badges.scss +4 -2
  51. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_media.scss +2 -2
  52. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_mixins.scss +17 -1
  53. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_navbar.scss +20 -13
  54. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_navs.scss +33 -18
  55. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_pager.scss +3 -1
  56. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_pagination.scss +3 -1
  57. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_popovers.scss +5 -1
  58. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_reset.scss +0 -1
  59. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-767px-max.scss +0 -1
  60. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-navbar.scss +6 -2
  61. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive-utilities.scss +17 -0
  62. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_responsive.scss +1 -10
  63. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_scaffolding.scss +2 -1
  64. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_sprites.scss +7 -3
  65. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_tables.scss +26 -19
  66. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_thumbnails.scss +3 -2
  67. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_tooltip.scss +6 -6
  68. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_type.scss +19 -7
  69. data/vendor/assets/stylesheets/twitter/bootstrap/rtl/_variables.scss +1 -1
  70. metadata +40 -46
@@ -17,7 +17,8 @@
17
17
  .nav > li > a {
18
18
  display: block;
19
19
  }
20
- .nav > li > a:hover {
20
+ .nav > li > a:hover,
21
+ .nav > li > a:focus {
21
22
  text-decoration: none;
22
23
  background-color: $grayLighter;
23
24
  }
@@ -69,7 +70,8 @@
69
70
  padding: 3px 15px;
70
71
  }
71
72
  .nav-list > .active > a,
72
- .nav-list > .active > a:hover {
73
+ .nav-list > .active > a:hover,
74
+ .nav-list > .active > a:focus {
73
75
  color: $white;
74
76
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
75
77
  background-color: $linkColor;
@@ -124,13 +126,15 @@
124
126
  line-height: $baseLineHeight;
125
127
  border: 1px solid transparent;
126
128
  @include border-radius(4px 4px 0 0);
127
- &:hover {
129
+ &:hover,
130
+ &:focus {
128
131
  border-color: $grayLighter $grayLighter #ddd;
129
132
  }
130
133
  }
131
- // Active state, and it's :hover to override normal :hover
134
+ // Active state, and it's :hover/:focus to override normal :hover/:focus
132
135
  .nav-tabs > .active > a,
133
- .nav-tabs > .active > a:hover {
136
+ .nav-tabs > .active > a:hover,
137
+ .nav-tabs > .active > a:focus {
134
138
  color: $gray;
135
139
  background-color: $bodyBackground;
136
140
  border: 1px solid #ddd;
@@ -187,7 +191,8 @@
187
191
  @include border-radius(0 0 4px 4px);
188
192
  @include border-bottom-radius(4px);
189
193
  }
190
- .nav-tabs.nav-stacked > li > a:hover {
194
+ .nav-tabs.nav-stacked > li > a:hover,
195
+ .nav-tabs.nav-stacked > li > a:focus {
191
196
  border-color: #ddd;
192
197
  z-index: 2;
193
198
  }
@@ -220,7 +225,8 @@
220
225
  border-bottom-color: $linkColor;
221
226
  margin-top: 6px;
222
227
  }
223
- .nav .dropdown-toggle:hover .caret {
228
+ .nav .dropdown-toggle:hover .caret,
229
+ .nav .dropdown-toggle:focus .caret {
224
230
  border-top-color: $linkColorHover;
225
231
  border-bottom-color: $linkColorHover;
226
232
  }
@@ -240,9 +246,10 @@
240
246
  border-bottom-color: $gray;
241
247
  }
242
248
 
243
- // Active:hover dropdown links
249
+ // Active:hover/:focus dropdown links
244
250
  // -------------------------
245
- .nav > .dropdown.active > a:hover {
251
+ .nav > .dropdown.active > a:hover,
252
+ .nav > .dropdown.active > a:focus {
246
253
  cursor: pointer;
247
254
  }
248
255
 
@@ -250,21 +257,24 @@
250
257
  // -------------------------
251
258
  .nav-tabs .open .dropdown-toggle,
252
259
  .nav-pills .open .dropdown-toggle,
253
- .nav > li.dropdown.open.active > a:hover {
260
+ .nav > li.dropdown.open.active > a:hover,
261
+ .nav > li.dropdown.open.active > a:focus {
254
262
  color: $white;
255
263
  background-color: $grayLight;
256
264
  border-color: $grayLight;
257
265
  }
258
266
  .nav li.dropdown.open .caret,
259
267
  .nav li.dropdown.open.active .caret,
260
- .nav li.dropdown.open a:hover .caret {
268
+ .nav li.dropdown.open a:hover .caret,
269
+ .nav li.dropdown.open a:focus .caret {
261
270
  border-top-color: $white;
262
271
  border-bottom-color: $white;
263
272
  @include opacity(100);
264
273
  }
265
274
 
266
275
  // Dropdowns in stacked tabs
267
- .tabs-stacked .open > a:hover {
276
+ .tabs-stacked .open > a:hover,
277
+ .tabs-stacked .open > a:focus {
268
278
  border-color: $grayLight;
269
279
  }
270
280
 
@@ -315,13 +325,15 @@
315
325
  }
316
326
  .tabs-below > .nav-tabs > li > a {
317
327
  @include border-radius(0 0 4px 4px);
318
- &:hover {
328
+ &:hover,
329
+ &:focus {
319
330
  border-bottom-color: transparent;
320
331
  border-top-color: #ddd;
321
332
  }
322
333
  }
323
334
  .tabs-below > .nav-tabs .active > a,
324
- .tabs-below > .nav-tabs .active > a:hover {
335
+ .tabs-below > .nav-tabs .active > a:hover,
336
+ .tabs-below > .nav-tabs .active > a:focus {
325
337
  border-color: transparent #ddd #ddd #ddd;
326
338
  }
327
339
 
@@ -350,11 +362,13 @@
350
362
  margin-right: -1px;
351
363
  @include border-radius(4px 0 0 4px);
352
364
  }
353
- .tabs-left > .nav-tabs > li > a:hover {
365
+ .tabs-left > .nav-tabs > li > a:hover,
366
+ .tabs-left > .nav-tabs > li > a:focus {
354
367
  border-color: $grayLighter #ddd $grayLighter $grayLighter;
355
368
  }
356
369
  .tabs-left > .nav-tabs .active > a,
357
- .tabs-left > .nav-tabs .active > a:hover {
370
+ .tabs-left > .nav-tabs .active > a:hover,
371
+ .tabs-left > .nav-tabs .active > a:focus {
358
372
  border-color: #ddd transparent #ddd #ddd;
359
373
  *border-right-color: $white;
360
374
  }
@@ -387,8 +401,9 @@
387
401
  .nav > .disabled > a {
388
402
  color: $grayLight;
389
403
  }
390
- // Nuke hover effects
391
- .nav > .disabled > a:hover {
404
+ // Nuke hover/focus effects
405
+ .nav > .disabled > a:hover,
406
+ .nav > .disabled > a:focus {
392
407
  text-decoration: none;
393
408
  background-color: transparent;
394
409
  cursor: default;
@@ -21,7 +21,8 @@
21
21
  border: 1px solid #ddd;
22
22
  @include border-radius(15px);
23
23
  }
24
- .pager li > a:hover {
24
+ .pager li > a:hover,
25
+ .pager li > a:focus {
25
26
  text-decoration: none;
26
27
  background-color: #f5f5f5;
27
28
  }
@@ -35,6 +36,7 @@
35
36
  }
36
37
  .pager .disabled > a,
37
38
  .pager .disabled > a:hover,
39
+ .pager .disabled > a:focus,
38
40
  .pager .disabled > span {
39
41
  color: $grayLight;
40
42
  background-color: #fff;
@@ -32,6 +32,7 @@
32
32
  border-left-width: 0;
33
33
  }
34
34
  .pagination ul > li > a:hover,
35
+ .pagination ul > li > a:focus,
35
36
  .pagination ul > .active > a,
36
37
  .pagination ul > .active > span {
37
38
  background-color: $paginationActiveBackground;
@@ -43,7 +44,8 @@
43
44
  }
44
45
  .pagination ul > .disabled > span,
45
46
  .pagination ul > .disabled > a,
46
- .pagination ul > .disabled > a:hover {
47
+ .pagination ul > .disabled > a:hover,
48
+ .pagination ul > .disabled > a:focus {
47
49
  color: $grayLight;
48
50
  background-color: transparent;
49
51
  cursor: default;
@@ -10,7 +10,7 @@
10
10
  left: 0;
11
11
  z-index: $zindexPopover;
12
12
  display: none;
13
- width: 236px;
13
+ max-width: 276px;
14
14
  padding: 1px;
15
15
  text-align: left; // Reset given new insertion method
16
16
  background-color: $popoverBackground;
@@ -42,6 +42,10 @@
42
42
  background-color: $popoverTitleBackground;
43
43
  border-bottom: 1px solid darken($popoverTitleBackground, 5%);
44
44
  @include border-radius(5px 5px 0 0);
45
+
46
+ &:empty {
47
+ display: none;
48
+ }
45
49
  }
46
50
 
47
51
  .popover-content {
@@ -214,4 +214,3 @@ textarea {
214
214
  page-break-after: avoid;
215
215
  }
216
216
  }
217
-
@@ -75,7 +75,6 @@
75
75
  margin-left: 0;
76
76
  }
77
77
 
78
-
79
78
  // FORM FIELDS
80
79
  // -----------
81
80
  // Make span* classes full width
@@ -82,7 +82,9 @@
82
82
  margin-bottom: 2px;
83
83
  }
84
84
  .nav-collapse .nav > li > a:hover,
85
- .nav-collapse .dropdown-menu a:hover {
85
+ .nav-collapse .nav > li > a:focus,
86
+ .nav-collapse .dropdown-menu a:hover,
87
+ .nav-collapse .dropdown-menu a:focus {
86
88
  background-color: $navbarBackground;
87
89
  }
88
90
  .navbar-inverse .nav-collapse .nav > li > a,
@@ -90,7 +92,9 @@
90
92
  color: $navbarInverseLinkColor;
91
93
  }
92
94
  .navbar-inverse .nav-collapse .nav > li > a:hover,
93
- .navbar-inverse .nav-collapse .dropdown-menu a:hover {
95
+ .navbar-inverse .nav-collapse .nav > li > a:focus,
96
+ .navbar-inverse .nav-collapse .dropdown-menu a:hover,
97
+ .navbar-inverse .nav-collapse .dropdown-menu a:focus {
94
98
  background-color: $navbarInverseBackground;
95
99
  }
96
100
  // Buttons in the navbar
@@ -2,6 +2,14 @@
2
2
  // RESPONSIVE CLASSES
3
3
  // ------------------
4
4
 
5
+
6
+ // IE10 Metro responsive
7
+ // Required for Windows 8 Metro split-screen snapping with IE10
8
+ // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
9
+ @-ms-viewport{
10
+ width: device-width;
11
+ }
12
+
5
13
  // Hide from screenreaders and browsers
6
14
  // Credit: HTML5 Boilerplate
7
15
  .hidden {
@@ -40,3 +48,12 @@
40
48
  // Hide
41
49
  .hidden-phone { display: none !important; }
42
50
  }
51
+
52
+ // Print utilities
53
+ .visible-print { display: none !important; }
54
+ .hidden-print { }
55
+
56
+ @media print {
57
+ .visible-print { display: inherit !important; }
58
+ .hidden-print { display: none !important; }
59
+ }
@@ -1,6 +1,6 @@
1
1
  /* Partial: twitter/bootstrap/_responsive.scss */
2
2
  /*!
3
- * Bootstrap Responsive v2.2.2
3
+ * Bootstrap Responsive v2.3.1
4
4
  *
5
5
  * Copyright 2012 Twitter, Inc
6
6
  * Licensed under the Apache License v2.0
@@ -15,15 +15,6 @@
15
15
  // -------------------------------------------------------------
16
16
 
17
17
 
18
- // IE10 Metro responsive
19
- // Required for Windows 8 Metro split-screen snapping with IE10
20
- // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
21
-
22
- @-ms-viewport{
23
- width: device-width;
24
- }
25
-
26
-
27
18
  // REPEAT VARIABLES & MIXINS
28
19
  // -------------------------
29
20
  // Required since we compile the responsive stuff separately
@@ -25,7 +25,8 @@ a {
25
25
  color: $linkColor;
26
26
  text-decoration: none;
27
27
  }
28
- a:hover {
28
+ a:hover,
29
+ a:focus {
29
30
  color: $linkColorHover;
30
31
  text-decoration: underline;
31
32
  }
@@ -30,7 +30,7 @@
30
30
  margin-top: 1px;
31
31
  }
32
32
 
33
- /* White icons with optional class, or on hover/active states of certain elements */
33
+ /* White icons with optional class, or on hover/focus/active states of certain elements */
34
34
  .icon-white,
35
35
  .nav-pills > .active > a > [class^="icon-"],
36
36
  .nav-pills > .active > a > [class*=" icon-"],
@@ -39,11 +39,15 @@
39
39
  .navbar-inverse .nav > .active > a > [class^="icon-"],
40
40
  .navbar-inverse .nav > .active > a > [class*=" icon-"],
41
41
  .dropdown-menu > li > a:hover > [class^="icon-"],
42
+ .dropdown-menu > li > a:focus > [class^="icon-"],
42
43
  .dropdown-menu > li > a:hover > [class*=" icon-"],
44
+ .dropdown-menu > li > a:focus > [class*=" icon-"],
43
45
  .dropdown-menu > .active > a > [class^="icon-"],
44
46
  .dropdown-menu > .active > a > [class*=" icon-"],
45
47
  .dropdown-submenu:hover > a > [class^="icon-"],
46
- .dropdown-submenu:hover > a > [class*=" icon-"] {
48
+ .dropdown-submenu:focus > a > [class^="icon-"],
49
+ .dropdown-submenu:hover > a > [class*=" icon-"],
50
+ .dropdown-submenu:focus > a > [class*=" icon-"] {
47
51
  background-image: image-url($iconWhiteSpritePath);
48
52
  }
49
53
 
@@ -168,7 +172,7 @@
168
172
  .icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off
169
173
  .icon-retweet { background-position: -336px -120px; }
170
174
  .icon-shopping-cart { background-position: -360px -120px; }
171
- .icon-folder-close { background-position: -384px -120px; }
175
+ .icon-folder-close { background-position: -384px -120px; width: 16px; }
172
176
  .icon-folder-open { background-position: -408px -120px; width: 16px; }
173
177
  .icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
174
178
  .icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
@@ -94,24 +94,32 @@ table {
94
94
  tbody:first-child tr:first-child td {
95
95
  border-top: 0;
96
96
  }
97
- // For first th or td in the first row in the first thead or tbody
97
+ // For first th/td in the first row in the first thead or tbody
98
98
  thead:first-child tr:first-child > th:first-child,
99
- tbody:first-child tr:first-child > td:first-child {
100
- @include border-top-left-radius($baseBorderRadius);
99
+ tbody:first-child tr:first-child > td:first-child,
100
+ tbody:first-child tr:first-child > th:first-child {
101
+ @include border-top-left-radius($baseBorderRadius);
101
102
  }
103
+ // For last th/td in the first row in the first thead or tbody
102
104
  thead:first-child tr:first-child > th:last-child,
103
- tbody:first-child tr:first-child > td:last-child {
104
- @include border-top-right-radius($baseBorderRadius);
105
+ tbody:first-child tr:first-child > td:last-child,
106
+ tbody:first-child tr:first-child > th:last-child {
107
+ @include border-top-right-radius($baseBorderRadius);
105
108
  }
106
- // For first th or td in the last row in the last thead or tbody
109
+ // For first th/td (can be either) in the last row in the last thead, tbody, and tfoot
107
110
  thead:last-child tr:last-child > th:first-child,
108
111
  tbody:last-child tr:last-child > td:first-child,
109
- tfoot:last-child tr:last-child > td:first-child {
112
+ tbody:last-child tr:last-child > th:first-child,
113
+ tfoot:last-child tr:last-child > td:first-child,
114
+ tfoot:last-child tr:last-child > th:first-child {
110
115
  @include border-bottom-left-radius($baseBorderRadius);
111
116
  }
117
+ // For last th/td (can be either) in the last row in the last thead, tbody, and tfoot
112
118
  thead:last-child tr:last-child > th:last-child,
113
119
  tbody:last-child tr:last-child > td:last-child,
114
- tfoot:last-child tr:last-child > td:last-child {
120
+ tbody:last-child tr:last-child > th:last-child,
121
+ tfoot:last-child tr:last-child > td:last-child,
122
+ tfoot:last-child tr:last-child > th:last-child {
115
123
  @include border-bottom-right-radius($baseBorderRadius);
116
124
  }
117
125
 
@@ -123,7 +131,6 @@ table {
123
131
  @include border-bottom-right-radius(0);
124
132
  }
125
133
 
126
-
127
134
  // Special fixes to round the left border on the first td/th
128
135
  caption + thead tr:first-child th:first-child,
129
136
  caption + tbody tr:first-child td:first-child,
@@ -162,8 +169,8 @@ table {
162
169
  // Placed here since it has to come after the potential zebra striping
163
170
  .table-hover {
164
171
  tbody {
165
- tr:hover td,
166
- tr:hover th {
172
+ tr:hover > td,
173
+ tr:hover > th {
167
174
  background-color: $tableBackgroundHover;
168
175
  }
169
176
  }
@@ -219,32 +226,32 @@ table th[class*="span"],
219
226
  // Exact selectors below required to override .table-striped
220
227
 
221
228
  .table tbody tr {
222
- &.success td {
229
+ &.success > td {
223
230
  background-color: $successBackground;
224
231
  }
225
- &.error td {
232
+ &.error > td {
226
233
  background-color: $errorBackground;
227
234
  }
228
- &.warning td {
235
+ &.warning > td {
229
236
  background-color: $warningBackground;
230
237
  }
231
- &.info td {
238
+ &.info > td {
232
239
  background-color: $infoBackground;
233
240
  }
234
241
  }
235
242
 
236
243
  // Hover states for .table-hover
237
244
  .table-hover tbody tr {
238
- &.success:hover td {
245
+ &.success:hover > td {
239
246
  background-color: darken($successBackground, 5%);
240
247
  }
241
- &.error:hover td {
248
+ &.error:hover > td {
242
249
  background-color: darken($errorBackground, 5%);
243
250
  }
244
- &.warning:hover td {
251
+ &.warning:hover > td {
245
252
  background-color: darken($warningBackground, 5%);
246
253
  }
247
- &.info:hover td {
254
+ &.info:hover > td {
248
255
  background-color: darken($infoBackground, 5%);
249
256
  }
250
257
  }
@@ -34,8 +34,9 @@
34
34
  @include box-shadow(0 1px 3px rgba(0,0,0,.055));
35
35
  @include transition(all .2s ease-in-out);
36
36
  }
37
- // Add a hover state for linked versions only
38
- a.thumbnail:hover {
37
+ // Add a hover/focus state for linked versions only
38
+ a.thumbnail:hover,
39
+ a.thumbnail:focus {
39
40
  border-color: $linkColor;
40
41
  @include box-shadow(0 1px 4px rgba(0,105,214,.25));
41
42
  }
@@ -10,20 +10,20 @@
10
10
  z-index: $zindexTooltip;
11
11
  display: block;
12
12
  visibility: visible;
13
- padding: 5px;
14
13
  font-size: 11px;
14
+ line-height: 1.4;
15
15
  @include opacity(0);
16
16
  &.in { @include opacity(80); }
17
- &.top { margin-top: -3px; }
18
- &.right { margin-left: 3px; }
19
- &.bottom { margin-top: 3px; }
20
- &.left { margin-left: -3px; }
17
+ &.top { margin-top: -3px; padding: 5px 0; }
18
+ &.right { margin-left: 3px; padding: 0 5px; }
19
+ &.bottom { margin-top: 3px; padding: 5px 0; }
20
+ &.left { margin-left: -3px; padding: 0 5px; }
21
21
  }
22
22
 
23
23
  // Wrapper for the tooltip content
24
24
  .tooltip-inner {
25
25
  max-width: 200px;
26
- padding: 3px 8px;
26
+ padding: 8px;
27
27
  color: $tooltipColor;
28
28
  text-align: center;
29
29
  text-decoration: none;