api_taster 0.8.2 → 0.8.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/api_taster.gemspec +3 -3
  3. data/lib/api_taster.rb +1 -1
  4. data/lib/api_taster/engine.rb +2 -0
  5. data/lib/api_taster/version.rb +1 -1
  6. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  7. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  8. data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
  9. data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
  10. data/vendor/assets/javascripts/bootstrap-button.js +105 -0
  11. data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
  12. data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
  13. data/vendor/assets/javascripts/bootstrap-dropdown.js +169 -0
  14. data/vendor/assets/javascripts/bootstrap-modal.js +247 -0
  15. data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
  16. data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
  17. data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
  18. data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
  19. data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
  20. data/vendor/assets/javascripts/bootstrap-typeahead.js +335 -0
  21. data/vendor/assets/javascripts/bootstrap.js +13 -0
  22. data/vendor/assets/stylesheets/bootstrap-responsive.scss +1 -0
  23. data/vendor/assets/stylesheets/bootstrap.scss +1 -0
  24. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +34 -0
  25. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +79 -0
  26. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +24 -0
  27. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +229 -0
  28. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +228 -0
  29. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +158 -0
  30. data/vendor/assets/stylesheets/bootstrap/_close.scss +32 -0
  31. data/vendor/assets/stylesheets/bootstrap/_code.scss +61 -0
  32. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +22 -0
  33. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +248 -0
  34. data/vendor/assets/stylesheets/bootstrap/_forms.scss +689 -0
  35. data/vendor/assets/stylesheets/bootstrap/_grid.scss +21 -0
  36. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +25 -0
  37. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +83 -0
  38. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +16 -0
  39. data/vendor/assets/stylesheets/bootstrap/_media.scss +55 -0
  40. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +696 -0
  41. data/vendor/assets/stylesheets/bootstrap/_modals.scss +95 -0
  42. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +497 -0
  43. data/vendor/assets/stylesheets/bootstrap/_navs.scss +409 -0
  44. data/vendor/assets/stylesheets/bootstrap/_pager.scss +43 -0
  45. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +123 -0
  46. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +133 -0
  47. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +122 -0
  48. data/vendor/assets/stylesheets/bootstrap/_reset.scss +216 -0
  49. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +28 -0
  50. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +193 -0
  51. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +19 -0
  52. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +189 -0
  53. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +74 -0
  54. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +53 -0
  55. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +197 -0
  56. data/vendor/assets/stylesheets/bootstrap/_tables.scss +235 -0
  57. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +53 -0
  58. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +70 -0
  59. data/vendor/assets/stylesheets/bootstrap/_type.scss +247 -0
  60. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +45 -0
  61. data/vendor/assets/stylesheets/bootstrap/_variables.scss +301 -0
  62. data/vendor/assets/stylesheets/bootstrap/_wells.scss +29 -0
  63. data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +63 -0
  64. data/vendor/assets/stylesheets/bootstrap/responsive.scss +48 -0
  65. metadata +63 -16
@@ -0,0 +1,53 @@
1
+ //
2
+ // Scaffolding
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Body reset
7
+ // -------------------------
8
+
9
+ body {
10
+ margin: 0;
11
+ font-family: $baseFontFamily;
12
+ font-size: $baseFontSize;
13
+ line-height: $baseLineHeight;
14
+ color: $textColor;
15
+ background-color: $bodyBackground;
16
+ }
17
+
18
+
19
+ // Links
20
+ // -------------------------
21
+
22
+ a {
23
+ color: $linkColor;
24
+ text-decoration: none;
25
+ }
26
+ a:hover,
27
+ a:focus {
28
+ color: $linkColorHover;
29
+ text-decoration: underline;
30
+ }
31
+
32
+
33
+ // Images
34
+ // -------------------------
35
+
36
+ // Rounded corners
37
+ .img-rounded {
38
+ @include border-radius(6px);
39
+ }
40
+
41
+ // Add polaroid-esque trim
42
+ .img-polaroid {
43
+ padding: 4px;
44
+ background-color: #fff;
45
+ border: 1px solid #ccc;
46
+ border: 1px solid rgba(0,0,0,.2);
47
+ @include box-shadow(0 1px 3px rgba(0,0,0,.1));
48
+ }
49
+
50
+ // Perfect circle
51
+ .img-circle {
52
+ @include border-radius(500px); // crank the border-radius so it works with most reasonably sized images
53
+ }
@@ -0,0 +1,197 @@
1
+ //
2
+ // Sprites
3
+ // --------------------------------------------------
4
+
5
+
6
+ // ICONS
7
+ // -----
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,
11
+ // and background-position. Your resulting HTML will look like
12
+ // <i class="icon-inbox"></i>.
13
+
14
+ // For the white version of the icons, just add the .icon-white class:
15
+ // <i class="icon-inbox icon-white"></i>
16
+
17
+ [class^="icon-"],
18
+ [class*=" icon-"] {
19
+ display: inline-block;
20
+ width: 14px;
21
+ height: 14px;
22
+ @include ie7-restore-right-whitespace();
23
+ line-height: 14px;
24
+ vertical-align: text-top;
25
+ background-image: url($iconSpritePath);
26
+ background-position: 14px 14px;
27
+ background-repeat: no-repeat;
28
+ margin-top: 1px;
29
+ }
30
+
31
+ /* White icons with optional class, or on hover/focus/active states of certain elements */
32
+ .icon-white,
33
+ .nav-pills > .active > a > [class^="icon-"],
34
+ .nav-pills > .active > a > [class*=" icon-"],
35
+ .nav-list > .active > a > [class^="icon-"],
36
+ .nav-list > .active > a > [class*=" icon-"],
37
+ .navbar-inverse .nav > .active > a > [class^="icon-"],
38
+ .navbar-inverse .nav > .active > a > [class*=" icon-"],
39
+ .dropdown-menu > li > a:hover > [class^="icon-"],
40
+ .dropdown-menu > li > a:focus > [class^="icon-"],
41
+ .dropdown-menu > li > a:hover > [class*=" icon-"],
42
+ .dropdown-menu > li > a:focus > [class*=" icon-"],
43
+ .dropdown-menu > .active > a > [class^="icon-"],
44
+ .dropdown-menu > .active > a > [class*=" icon-"],
45
+ .dropdown-submenu:hover > a > [class^="icon-"],
46
+ .dropdown-submenu:focus > a > [class^="icon-"],
47
+ .dropdown-submenu:hover > a > [class*=" icon-"],
48
+ .dropdown-submenu:focus > a > [class*=" icon-"] {
49
+ background-image: url($iconWhiteSpritePath);
50
+ }
51
+
52
+ .icon-glass { background-position: 0 0; }
53
+ .icon-music { background-position: -24px 0; }
54
+ .icon-search { background-position: -48px 0; }
55
+ .icon-envelope { background-position: -72px 0; }
56
+ .icon-heart { background-position: -96px 0; }
57
+ .icon-star { background-position: -120px 0; }
58
+ .icon-star-empty { background-position: -144px 0; }
59
+ .icon-user { background-position: -168px 0; }
60
+ .icon-film { background-position: -192px 0; }
61
+ .icon-th-large { background-position: -216px 0; }
62
+ .icon-th { background-position: -240px 0; }
63
+ .icon-th-list { background-position: -264px 0; }
64
+ .icon-ok { background-position: -288px 0; }
65
+ .icon-remove { background-position: -312px 0; }
66
+ .icon-zoom-in { background-position: -336px 0; }
67
+ .icon-zoom-out { background-position: -360px 0; }
68
+ .icon-off { background-position: -384px 0; }
69
+ .icon-signal { background-position: -408px 0; }
70
+ .icon-cog { background-position: -432px 0; }
71
+ .icon-trash { background-position: -456px 0; }
72
+
73
+ .icon-home { background-position: 0 -24px; }
74
+ .icon-file { background-position: -24px -24px; }
75
+ .icon-time { background-position: -48px -24px; }
76
+ .icon-road { background-position: -72px -24px; }
77
+ .icon-download-alt { background-position: -96px -24px; }
78
+ .icon-download { background-position: -120px -24px; }
79
+ .icon-upload { background-position: -144px -24px; }
80
+ .icon-inbox { background-position: -168px -24px; }
81
+ .icon-play-circle { background-position: -192px -24px; }
82
+ .icon-repeat { background-position: -216px -24px; }
83
+ .icon-refresh { background-position: -240px -24px; }
84
+ .icon-list-alt { background-position: -264px -24px; }
85
+ .icon-lock { background-position: -287px -24px; } // 1px off
86
+ .icon-flag { background-position: -312px -24px; }
87
+ .icon-headphones { background-position: -336px -24px; }
88
+ .icon-volume-off { background-position: -360px -24px; }
89
+ .icon-volume-down { background-position: -384px -24px; }
90
+ .icon-volume-up { background-position: -408px -24px; }
91
+ .icon-qrcode { background-position: -432px -24px; }
92
+ .icon-barcode { background-position: -456px -24px; }
93
+
94
+ .icon-tag { background-position: 0 -48px; }
95
+ .icon-tags { background-position: -25px -48px; } // 1px off
96
+ .icon-book { background-position: -48px -48px; }
97
+ .icon-bookmark { background-position: -72px -48px; }
98
+ .icon-print { background-position: -96px -48px; }
99
+ .icon-camera { background-position: -120px -48px; }
100
+ .icon-font { background-position: -144px -48px; }
101
+ .icon-bold { background-position: -167px -48px; } // 1px off
102
+ .icon-italic { background-position: -192px -48px; }
103
+ .icon-text-height { background-position: -216px -48px; }
104
+ .icon-text-width { background-position: -240px -48px; }
105
+ .icon-align-left { background-position: -264px -48px; }
106
+ .icon-align-center { background-position: -288px -48px; }
107
+ .icon-align-right { background-position: -312px -48px; }
108
+ .icon-align-justify { background-position: -336px -48px; }
109
+ .icon-list { background-position: -360px -48px; }
110
+ .icon-indent-left { background-position: -384px -48px; }
111
+ .icon-indent-right { background-position: -408px -48px; }
112
+ .icon-facetime-video { background-position: -432px -48px; }
113
+ .icon-picture { background-position: -456px -48px; }
114
+
115
+ .icon-pencil { background-position: 0 -72px; }
116
+ .icon-map-marker { background-position: -24px -72px; }
117
+ .icon-adjust { background-position: -48px -72px; }
118
+ .icon-tint { background-position: -72px -72px; }
119
+ .icon-edit { background-position: -96px -72px; }
120
+ .icon-share { background-position: -120px -72px; }
121
+ .icon-check { background-position: -144px -72px; }
122
+ .icon-move { background-position: -168px -72px; }
123
+ .icon-step-backward { background-position: -192px -72px; }
124
+ .icon-fast-backward { background-position: -216px -72px; }
125
+ .icon-backward { background-position: -240px -72px; }
126
+ .icon-play { background-position: -264px -72px; }
127
+ .icon-pause { background-position: -288px -72px; }
128
+ .icon-stop { background-position: -312px -72px; }
129
+ .icon-forward { background-position: -336px -72px; }
130
+ .icon-fast-forward { background-position: -360px -72px; }
131
+ .icon-step-forward { background-position: -384px -72px; }
132
+ .icon-eject { background-position: -408px -72px; }
133
+ .icon-chevron-left { background-position: -432px -72px; }
134
+ .icon-chevron-right { background-position: -456px -72px; }
135
+
136
+ .icon-plus-sign { background-position: 0 -96px; }
137
+ .icon-minus-sign { background-position: -24px -96px; }
138
+ .icon-remove-sign { background-position: -48px -96px; }
139
+ .icon-ok-sign { background-position: -72px -96px; }
140
+ .icon-question-sign { background-position: -96px -96px; }
141
+ .icon-info-sign { background-position: -120px -96px; }
142
+ .icon-screenshot { background-position: -144px -96px; }
143
+ .icon-remove-circle { background-position: -168px -96px; }
144
+ .icon-ok-circle { background-position: -192px -96px; }
145
+ .icon-ban-circle { background-position: -216px -96px; }
146
+ .icon-arrow-left { background-position: -240px -96px; }
147
+ .icon-arrow-right { background-position: -264px -96px; }
148
+ .icon-arrow-up { background-position: -289px -96px; } // 1px off
149
+ .icon-arrow-down { background-position: -312px -96px; }
150
+ .icon-share-alt { background-position: -336px -96px; }
151
+ .icon-resize-full { background-position: -360px -96px; }
152
+ .icon-resize-small { background-position: -384px -96px; }
153
+ .icon-plus { background-position: -408px -96px; }
154
+ .icon-minus { background-position: -433px -96px; }
155
+ .icon-asterisk { background-position: -456px -96px; }
156
+
157
+ .icon-exclamation-sign { background-position: 0 -120px; }
158
+ .icon-gift { background-position: -24px -120px; }
159
+ .icon-leaf { background-position: -48px -120px; }
160
+ .icon-fire { background-position: -72px -120px; }
161
+ .icon-eye-open { background-position: -96px -120px; }
162
+ .icon-eye-close { background-position: -120px -120px; }
163
+ .icon-warning-sign { background-position: -144px -120px; }
164
+ .icon-plane { background-position: -168px -120px; }
165
+ .icon-calendar { background-position: -192px -120px; }
166
+ .icon-random { background-position: -216px -120px; width: 16px; }
167
+ .icon-comment { background-position: -240px -120px; }
168
+ .icon-magnet { background-position: -264px -120px; }
169
+ .icon-chevron-up { background-position: -288px -120px; }
170
+ .icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off
171
+ .icon-retweet { background-position: -336px -120px; }
172
+ .icon-shopping-cart { background-position: -360px -120px; }
173
+ .icon-folder-close { background-position: -384px -120px; width: 16px; }
174
+ .icon-folder-open { background-position: -408px -120px; width: 16px; }
175
+ .icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
176
+ .icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
177
+
178
+ .icon-hdd { background-position: 0 -144px; }
179
+ .icon-bullhorn { background-position: -24px -144px; }
180
+ .icon-bell { background-position: -48px -144px; }
181
+ .icon-certificate { background-position: -72px -144px; }
182
+ .icon-thumbs-up { background-position: -96px -144px; }
183
+ .icon-thumbs-down { background-position: -120px -144px; }
184
+ .icon-hand-right { background-position: -144px -144px; }
185
+ .icon-hand-left { background-position: -168px -144px; }
186
+ .icon-hand-up { background-position: -192px -144px; }
187
+ .icon-hand-down { background-position: -216px -144px; }
188
+ .icon-circle-arrow-right { background-position: -240px -144px; }
189
+ .icon-circle-arrow-left { background-position: -264px -144px; }
190
+ .icon-circle-arrow-up { background-position: -288px -144px; }
191
+ .icon-circle-arrow-down { background-position: -312px -144px; }
192
+ .icon-globe { background-position: -336px -144px; }
193
+ .icon-wrench { background-position: -360px -144px; }
194
+ .icon-tasks { background-position: -384px -144px; }
195
+ .icon-filter { background-position: -408px -144px; }
196
+ .icon-briefcase { background-position: -432px -144px; }
197
+ .icon-fullscreen { background-position: -456px -144px; }
@@ -0,0 +1,235 @@
1
+ //
2
+ // Tables
3
+ // --------------------------------------------------
4
+
5
+
6
+ // BASE TABLES
7
+ // -----------------
8
+
9
+ table {
10
+ max-width: 100%;
11
+ background-color: $tableBackground;
12
+ border-collapse: collapse;
13
+ border-spacing: 0;
14
+ }
15
+
16
+ // BASELINE STYLES
17
+ // ---------------
18
+
19
+ .table {
20
+ width: 100%;
21
+ margin-bottom: $baseLineHeight;
22
+ // Cells
23
+ th,
24
+ td {
25
+ padding: 8px;
26
+ line-height: $baseLineHeight;
27
+ text-align: left;
28
+ vertical-align: top;
29
+ border-top: 1px solid $tableBorder;
30
+ }
31
+ th {
32
+ font-weight: bold;
33
+ }
34
+ // Bottom align for column headings
35
+ thead th {
36
+ vertical-align: bottom;
37
+ }
38
+ // Remove top border from thead by default
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 {
45
+ border-top: 0;
46
+ }
47
+ // Account for multiple tbody instances
48
+ tbody + tbody {
49
+ border-top: 2px solid $tableBorder;
50
+ }
51
+
52
+ // Nesting
53
+ .table {
54
+ background-color: $bodyBackground;
55
+ }
56
+ }
57
+
58
+
59
+
60
+ // CONDENSED TABLE W/ HALF PADDING
61
+ // -------------------------------
62
+
63
+ .table-condensed {
64
+ th,
65
+ td {
66
+ padding: 4px 5px;
67
+ }
68
+ }
69
+
70
+
71
+ // BORDERED VERSION
72
+ // ----------------
73
+
74
+ .table-bordered {
75
+ border: 1px solid $tableBorder;
76
+ border-collapse: separate; // Done so we can round those corners!
77
+ *border-collapse: collapse; // IE7 can't round corners anyway
78
+ border-left: 0;
79
+ @include border-radius($baseBorderRadius);
80
+ th,
81
+ td {
82
+ border-left: 1px solid $tableBorder;
83
+ }
84
+ // Prevent a double border
85
+ caption + thead tr:first-child th,
86
+ caption + tbody tr:first-child th,
87
+ caption + tbody tr:first-child td,
88
+ colgroup + thead tr:first-child th,
89
+ colgroup + tbody tr:first-child th,
90
+ colgroup + tbody tr:first-child td,
91
+ thead:first-child tr:first-child th,
92
+ tbody:first-child tr:first-child th,
93
+ tbody:first-child tr:first-child td {
94
+ border-top: 0;
95
+ }
96
+ // For first th/td in the first row in the first thead or tbody
97
+ thead:first-child tr:first-child > th:first-child,
98
+ tbody:first-child tr:first-child > td:first-child,
99
+ tbody:first-child tr:first-child > th:first-child {
100
+ @include border-top-left-radius($baseBorderRadius);
101
+ }
102
+ // For last th/td in the first row in the first thead or tbody
103
+ thead:first-child tr:first-child > th:last-child,
104
+ tbody:first-child tr:first-child > td:last-child,
105
+ tbody:first-child tr:first-child > th:last-child {
106
+ @include border-top-right-radius($baseBorderRadius);
107
+ }
108
+ // For first th/td (can be either) in the last row in the last thead, tbody, and tfoot
109
+ thead:last-child tr:last-child > th:first-child,
110
+ tbody:last-child tr:last-child > td:first-child,
111
+ tbody:last-child tr:last-child > th:first-child,
112
+ tfoot:last-child tr:last-child > td:first-child,
113
+ tfoot:last-child tr:last-child > th:first-child {
114
+ @include border-bottom-left-radius($baseBorderRadius);
115
+ }
116
+ // For last th/td (can be either) in the last row in the last thead, tbody, and tfoot
117
+ thead:last-child tr:last-child > th:last-child,
118
+ tbody:last-child tr:last-child > td:last-child,
119
+ tbody:last-child tr:last-child > th:last-child,
120
+ tfoot:last-child tr:last-child > td:last-child,
121
+ tfoot:last-child tr:last-child > th:last-child {
122
+ @include border-bottom-right-radius($baseBorderRadius);
123
+ }
124
+
125
+ // Clear border-radius for first and last td in the last row in the last tbody for table with tfoot
126
+ tfoot + tbody:last-child tr:last-child td:first-child {
127
+ @include border-bottom-left-radius(0);
128
+ }
129
+ tfoot + tbody:last-child tr:last-child td:last-child {
130
+ @include border-bottom-right-radius(0);
131
+ }
132
+
133
+ // Special fixes to round the left border on the first td/th
134
+ caption + thead tr:first-child th:first-child,
135
+ caption + tbody tr:first-child td:first-child,
136
+ colgroup + thead tr:first-child th:first-child,
137
+ colgroup + tbody tr:first-child td:first-child {
138
+ @include border-top-left-radius($baseBorderRadius);
139
+ }
140
+ caption + thead tr:first-child th:last-child,
141
+ caption + tbody tr:first-child td:last-child,
142
+ colgroup + thead tr:first-child th:last-child,
143
+ colgroup + tbody tr:first-child td:last-child {
144
+ @include border-top-right-radius($baseBorderRadius);
145
+ }
146
+
147
+ }
148
+
149
+
150
+
151
+
152
+ // ZEBRA-STRIPING
153
+ // --------------
154
+
155
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
156
+ .table-striped {
157
+ tbody {
158
+ > tr:nth-child(odd) > td,
159
+ > tr:nth-child(odd) > th {
160
+ background-color: $tableBackgroundAccent;
161
+ }
162
+ }
163
+ }
164
+
165
+
166
+ // HOVER EFFECT
167
+ // ------------
168
+ // Placed here since it has to come after the potential zebra striping
169
+ .table-hover {
170
+ tbody {
171
+ tr:hover > td,
172
+ tr:hover > th {
173
+ background-color: $tableBackgroundHover;
174
+ }
175
+ }
176
+ }
177
+
178
+
179
+ // TABLE CELL SIZING
180
+ // -----------------
181
+
182
+ // Reset default grid behavior
183
+ table td[class*="span"],
184
+ table th[class*="span"],
185
+ .row-fluid table td[class*="span"],
186
+ .row-fluid table th[class*="span"] {
187
+ display: table-cell;
188
+ float: none; // undo default grid column styles
189
+ margin-left: 0; // undo default grid column styles
190
+ }
191
+
192
+ // Change the column widths to account for td/th padding
193
+ .table td,
194
+ .table th {
195
+ @for $i from 1 through 12 {
196
+ &.span#{$i} { @include tableColumns($i); }
197
+ }
198
+ }
199
+
200
+
201
+
202
+ // TABLE BACKGROUNDS
203
+ // -----------------
204
+ // Exact selectors below required to override .table-striped
205
+
206
+ .table tbody tr {
207
+ &.success > td {
208
+ background-color: $successBackground;
209
+ }
210
+ &.error > td {
211
+ background-color: $errorBackground;
212
+ }
213
+ &.warning > td {
214
+ background-color: $warningBackground;
215
+ }
216
+ &.info > td {
217
+ background-color: $infoBackground;
218
+ }
219
+ }
220
+
221
+ // Hover states for .table-hover
222
+ .table-hover tbody tr {
223
+ &.success:hover > td {
224
+ background-color: darken($successBackground, 5%);
225
+ }
226
+ &.error:hover > td {
227
+ background-color: darken($errorBackground, 5%);
228
+ }
229
+ &.warning:hover > td {
230
+ background-color: darken($warningBackground, 5%);
231
+ }
232
+ &.info:hover > td {
233
+ background-color: darken($infoBackground, 5%);
234
+ }
235
+ }