bootstrap 4.0.0.alpha1

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.
Files changed (145) hide show
  1. checksums.yaml +7 -0
  2. data/.gitattributes +14 -0
  3. data/.gitignore +19 -0
  4. data/.travis.yml +16 -0
  5. data/CHANGELOG.md +7 -0
  6. data/Gemfile +13 -0
  7. data/LICENSE +21 -0
  8. data/README.md +143 -0
  9. data/Rakefile +75 -0
  10. data/assets/javascripts/bootstrap-sprockets.js +11 -0
  11. data/assets/javascripts/bootstrap.js +3560 -0
  12. data/assets/javascripts/bootstrap.min.js +220 -0
  13. data/assets/javascripts/bootstrap/alert.js +192 -0
  14. data/assets/javascripts/bootstrap/button.js +172 -0
  15. data/assets/javascripts/bootstrap/carousel.js +478 -0
  16. data/assets/javascripts/bootstrap/collapse.js +364 -0
  17. data/assets/javascripts/bootstrap/dropdown.js +293 -0
  18. data/assets/javascripts/bootstrap/modal.js +536 -0
  19. data/assets/javascripts/bootstrap/popover.js +201 -0
  20. data/assets/javascripts/bootstrap/scrollspy.js +320 -0
  21. data/assets/javascripts/bootstrap/tab.js +263 -0
  22. data/assets/javascripts/bootstrap/tooltip.js +619 -0
  23. data/assets/javascripts/bootstrap/util.js +157 -0
  24. data/assets/stylesheets/_bootstrap-flex.scss +8 -0
  25. data/assets/stylesheets/_bootstrap-grid.scss +62 -0
  26. data/assets/stylesheets/_bootstrap-reboot.scss +10 -0
  27. data/assets/stylesheets/_bootstrap.scss +55 -0
  28. data/assets/stylesheets/bootstrap/_alert.scss +65 -0
  29. data/assets/stylesheets/bootstrap/_animation.scss +27 -0
  30. data/assets/stylesheets/bootstrap/_breadcrumb.scss +23 -0
  31. data/assets/stylesheets/bootstrap/_button-group.scss +224 -0
  32. data/assets/stylesheets/bootstrap/_buttons.scss +174 -0
  33. data/assets/stylesheets/bootstrap/_card.scss +293 -0
  34. data/assets/stylesheets/bootstrap/_carousel.scss +252 -0
  35. data/assets/stylesheets/bootstrap/_close.scss +28 -0
  36. data/assets/stylesheets/bootstrap/_code.scss +58 -0
  37. data/assets/stylesheets/bootstrap/_custom-forms.scss +225 -0
  38. data/assets/stylesheets/bootstrap/_dropdown.scss +191 -0
  39. data/assets/stylesheets/bootstrap/_forms.scss +454 -0
  40. data/assets/stylesheets/bootstrap/_grid.scss +76 -0
  41. data/assets/stylesheets/bootstrap/_images.scss +28 -0
  42. data/assets/stylesheets/bootstrap/_input-group.scss +181 -0
  43. data/assets/stylesheets/bootstrap/_jumbotron.scss +22 -0
  44. data/assets/stylesheets/bootstrap/_labels.scss +75 -0
  45. data/assets/stylesheets/bootstrap/_list-group.scss +128 -0
  46. data/assets/stylesheets/bootstrap/_media.scss +90 -0
  47. data/assets/stylesheets/bootstrap/_mixins.scss +54 -0
  48. data/assets/stylesheets/bootstrap/_modal.scss +146 -0
  49. data/assets/stylesheets/bootstrap/_nav.scss +155 -0
  50. data/assets/stylesheets/bootstrap/_navbar.scss +230 -0
  51. data/assets/stylesheets/bootstrap/_normalize.scss +428 -0
  52. data/assets/stylesheets/bootstrap/_pager.scss +57 -0
  53. data/assets/stylesheets/bootstrap/_pagination.scss +82 -0
  54. data/assets/stylesheets/bootstrap/_popover.scss +140 -0
  55. data/assets/stylesheets/bootstrap/_print.scss +88 -0
  56. data/assets/stylesheets/bootstrap/_progress.scss +156 -0
  57. data/assets/stylesheets/bootstrap/_reboot.scss +298 -0
  58. data/assets/stylesheets/bootstrap/_responsive-embed.scss +38 -0
  59. data/assets/stylesheets/bootstrap/_tables.scss +193 -0
  60. data/assets/stylesheets/bootstrap/_tooltip.scss +85 -0
  61. data/assets/stylesheets/bootstrap/_type.scss +192 -0
  62. data/assets/stylesheets/bootstrap/_utilities-responsive.scss +49 -0
  63. data/assets/stylesheets/bootstrap/_utilities-spacing.scss +78 -0
  64. data/assets/stylesheets/bootstrap/_utilities.scss +117 -0
  65. data/assets/stylesheets/bootstrap/_variables.scss +632 -0
  66. data/assets/stylesheets/bootstrap/mixins/_alert.scss +14 -0
  67. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +13 -0
  68. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +35 -0
  69. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +76 -0
  70. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +100 -0
  71. data/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  72. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +7 -0
  73. data/assets/stylesheets/bootstrap/mixins/_forms.scss +89 -0
  74. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +43 -0
  75. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +44 -0
  76. data/assets/stylesheets/bootstrap/mixins/_grid.scss +75 -0
  77. data/assets/stylesheets/bootstrap/mixins/_hover.scss +59 -0
  78. data/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
  79. data/assets/stylesheets/bootstrap/mixins/_label.scss +11 -0
  80. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +30 -0
  81. data/assets/stylesheets/bootstrap/mixins/_lists.scss +7 -0
  82. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  83. data/assets/stylesheets/bootstrap/mixins/_navbar-align.scss +9 -0
  84. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
  85. data/assets/stylesheets/bootstrap/mixins/_progress.scss +18 -0
  86. data/assets/stylesheets/bootstrap/mixins/_pulls.scss +6 -0
  87. data/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  88. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
  89. data/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  90. data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +32 -0
  91. data/assets/stylesheets/bootstrap/mixins/_size.scss +6 -0
  92. data/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  93. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +30 -0
  94. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
  95. data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +8 -0
  96. data/assets/stylesheets/bootstrap/mixins/_text-truncate.scss +8 -0
  97. data/bootstrap.gemspec +36 -0
  98. data/lib/bootstrap.rb +76 -0
  99. data/lib/bootstrap/engine.rb +11 -0
  100. data/lib/bootstrap/version.rb +4 -0
  101. data/tasks/updater.rb +67 -0
  102. data/tasks/updater/js.rb +37 -0
  103. data/tasks/updater/logger.rb +57 -0
  104. data/tasks/updater/network.rb +101 -0
  105. data/tasks/updater/scss.rb +34 -0
  106. data/templates/project/_bootstrap-variables.scss +633 -0
  107. data/templates/project/manifest.rb +18 -0
  108. data/templates/project/styles.scss +10 -0
  109. data/test/compass_test.rb +9 -0
  110. data/test/dummy_rails/README.rdoc +3 -0
  111. data/test/dummy_rails/Rakefile +6 -0
  112. data/test/dummy_rails/app/assets/images/.keep +0 -0
  113. data/test/dummy_rails/app/assets/javascripts/application.js +7 -0
  114. data/test/dummy_rails/app/assets/stylesheets/application.sass +1 -0
  115. data/test/dummy_rails/app/controllers/application_controller.rb +5 -0
  116. data/test/dummy_rails/app/controllers/pages_controller.rb +4 -0
  117. data/test/dummy_rails/app/helpers/application_helper.rb +2 -0
  118. data/test/dummy_rails/app/views/layouts/application.html.erb +14 -0
  119. data/test/dummy_rails/app/views/pages/root.html.slim +58 -0
  120. data/test/dummy_rails/config.ru +4 -0
  121. data/test/dummy_rails/config/application.rb +34 -0
  122. data/test/dummy_rails/config/boot.rb +5 -0
  123. data/test/dummy_rails/config/environment.rb +5 -0
  124. data/test/dummy_rails/config/environments/development.rb +23 -0
  125. data/test/dummy_rails/config/environments/production.rb +82 -0
  126. data/test/dummy_rails/config/environments/test.rb +38 -0
  127. data/test/dummy_rails/config/initializers/backtrace_silencers.rb +7 -0
  128. data/test/dummy_rails/config/initializers/filter_parameter_logging.rb +4 -0
  129. data/test/dummy_rails/config/initializers/inflections.rb +16 -0
  130. data/test/dummy_rails/config/initializers/mime_types.rb +5 -0
  131. data/test/dummy_rails/config/initializers/secret_token.rb +18 -0
  132. data/test/dummy_rails/config/initializers/session_store.rb +3 -0
  133. data/test/dummy_rails/config/initializers/wrap_parameters.rb +14 -0
  134. data/test/dummy_rails/config/locales/en.yml +3 -0
  135. data/test/dummy_rails/config/locales/es.yml +3 -0
  136. data/test/dummy_rails/config/routes.rb +3 -0
  137. data/test/dummy_rails/log/.keep +0 -0
  138. data/test/gemfiles/rails_4_2.gemfile +11 -0
  139. data/test/gemfiles/rails_head.gemfile +19 -0
  140. data/test/rails_test.rb +19 -0
  141. data/test/support/dummy_rails_integration.rb +22 -0
  142. data/test/support/reporting.rb +27 -0
  143. data/test/test_helper.rb +35 -0
  144. data/test/test_helper_rails.rb +6 -0
  145. metadata +433 -0
@@ -0,0 +1,298 @@
1
+ // Reboot
2
+ //
3
+ // Global resets to common HTML elements and more for easier usage by Bootstrap.
4
+ // Adds additional rules on top of Normalize.css, including several overrides.
5
+
6
+
7
+ // Reset the box-sizing
8
+ //
9
+ // Change from `box-sizing: content-box` to `border-box` so that when you add
10
+ // `padding` or `border`s to an element, the overall declared `width` does not
11
+ // change. For example, `width: 100px;` will always be `100px` despite the
12
+ // `border: 10px solid red;` and `padding: 20px;`.
13
+ //
14
+ // Heads up! This reset may cause conflicts with some third-party widgets. For
15
+ // recommendations on resolving such conflicts, see
16
+ // http://getbootstrap.com/getting-started/#third-box-sizing.
17
+ //
18
+ // Credit: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
19
+
20
+ html {
21
+ box-sizing: border-box;
22
+ }
23
+
24
+ *,
25
+ *::before,
26
+ *::after {
27
+ box-sizing: inherit;
28
+ }
29
+
30
+
31
+ // Make viewport responsive
32
+ //
33
+ // @viewport is needed because IE 10+ doesn't honor <meta name="viewport"> in
34
+ // some cases. See http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/.
35
+ // Eventually @viewport will replace <meta name="viewport">. It's been manually
36
+ // prefixed for forward-compatibility.
37
+ //
38
+ // However, `device-width` is broken on IE 10 on Windows (Phone) 8,
39
+ // (see http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ and https://github.com/twbs/bootstrap/issues/10497)
40
+ // and the fix for that involves a snippet of JavaScript to sniff the user agent
41
+ // and apply some conditional CSS.
42
+ //
43
+ // See http://getbootstrap.com/getting-started/#support-ie10-width for the relevant hack.
44
+
45
+
46
+ // Wrap `@viewport` with `@at-root` for when folks do a nested import (e.g.,
47
+ // `.class-name { @import "bootstrap"; }`).
48
+ @at-root {
49
+ @-moz-viewport { width: device-width; }
50
+ @-ms-viewport { width: device-width; }
51
+ @-o-viewport { width: device-width; }
52
+ @-webkit-viewport { width: device-width; }
53
+ @viewport { width: device-width; }
54
+ }
55
+
56
+ //
57
+ // Reset HTML, body, and more
58
+ //
59
+
60
+ html {
61
+ // Sets a specific default `font-size` for user with `rem` type scales.
62
+ font-size: $font-size-root;
63
+ // Changes the default tap highlight to be completely transparent in iOS.
64
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
65
+ }
66
+
67
+ body {
68
+ // Make the `body` use the `font-size-root`
69
+ font-family: $font-family-base;
70
+ font-size: $font-size-base;
71
+ line-height: $line-height;
72
+ // Go easy on the eyes and use something other than `#000` for text
73
+ color: $body-color;
74
+ // By default, `<body>` has no `background-color` so we set one as a best practice.
75
+ background-color: $body-bg;
76
+ }
77
+
78
+
79
+ //
80
+ // Typography
81
+ //
82
+
83
+ // Remove top margins from headings
84
+ //
85
+ // By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
86
+ // margin for easier control within type scales as it avoids margin collapsing.
87
+ h1, h2, h3, h4, h5, h6 {
88
+ margin-top: 0;
89
+ margin-bottom: .5rem;
90
+ }
91
+
92
+ // Reset margins on paragraphs
93
+ //
94
+ // Similarly, the top margin on `<p>`s get reset. However, we also reset the
95
+ // bottom margin to use `rem` units instead of `em`.
96
+ p {
97
+ margin-top: 0;
98
+ margin-bottom: 1rem;
99
+ }
100
+
101
+ // Abbreviations and acronyms
102
+ abbr[title],
103
+ // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
104
+ abbr[data-original-title] {
105
+ cursor: help;
106
+ border-bottom: 1px dotted $abbr-border-color;
107
+ }
108
+
109
+ address {
110
+ margin-bottom: 1rem;
111
+ font-style: normal;
112
+ line-height: inherit;
113
+ }
114
+
115
+ ol,
116
+ ul,
117
+ dl {
118
+ margin-top: 0;
119
+ margin-bottom: 1rem;
120
+ }
121
+
122
+ ol ol,
123
+ ul ul,
124
+ ol ul,
125
+ ul ol {
126
+ margin-bottom: 0;
127
+ }
128
+
129
+ dt {
130
+ font-weight: bold;
131
+ }
132
+
133
+ dd {
134
+ margin-bottom: .5rem;
135
+ margin-left: 0; // Undo browser default
136
+ }
137
+
138
+ blockquote {
139
+ margin: 0 0 1rem;
140
+ }
141
+
142
+
143
+ //
144
+ // Links
145
+ //
146
+
147
+ a {
148
+ color: $link-color;
149
+ text-decoration: $link-decoration;
150
+
151
+ @include hover-focus {
152
+ color: $link-hover-color;
153
+ text-decoration: $link-hover-decoration;
154
+ }
155
+
156
+ &:focus {
157
+ @include tab-focus();
158
+ }
159
+ }
160
+
161
+
162
+ //
163
+ // Code
164
+ //
165
+
166
+ pre {
167
+ // Remove browser default top margin
168
+ margin-top: 0;
169
+ // Reset browser default of `1em` to use `rem`s
170
+ margin-bottom: 1rem;
171
+ }
172
+
173
+
174
+ //
175
+ // Figures
176
+ //
177
+
178
+ figure {
179
+ // Normalize adds `margin` to `figure`s as browsers apply it inconsistently.
180
+ // We reset that to create a better flow in-page.
181
+ margin: 0 0 1rem;
182
+ }
183
+
184
+
185
+
186
+ //
187
+ // Images
188
+ //
189
+
190
+ img {
191
+ // By default, `<img>`s are `inline-block`. This assumes that, and vertically
192
+ // centers them. This won't apply should you reset them to `block` level.
193
+ vertical-align: middle;
194
+ }
195
+
196
+
197
+ // iOS "clickable elements" fix for role="button"
198
+ //
199
+ // Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
200
+ // for traditionally non-focusable elements with role="button"
201
+ // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
202
+
203
+ [role="button"] {
204
+ cursor: pointer;
205
+ }
206
+
207
+
208
+ //
209
+ // Tables
210
+ //
211
+
212
+ table {
213
+ // Reset for nesting within parents with `background-color`.
214
+ background-color: $table-bg;
215
+ }
216
+
217
+ caption {
218
+ padding-top: $table-cell-padding;
219
+ padding-bottom: $table-cell-padding;
220
+ color: $text-muted;
221
+ text-align: left;
222
+ caption-side: bottom;
223
+ }
224
+
225
+ th {
226
+ // Centered by default, but left-align-ed to match the `td`s below.
227
+ text-align: left;
228
+ }
229
+
230
+
231
+ //
232
+ // Forms
233
+ //
234
+
235
+ label {
236
+ // Allow labels can use `margin` for spacing.
237
+ display: inline-block;
238
+ margin-bottom: .5rem;
239
+ }
240
+
241
+ input,
242
+ button,
243
+ select,
244
+ textarea {
245
+ // Remove all `margin`s so our classes don't have to do it themselves.
246
+ margin: 0;
247
+ // Normalize includes `font: inherit;`, so `font-family`. `font-size`, etc are
248
+ // properly inherited. However, `line-height` isn't addressed there. Using this
249
+ // ensures we don't need to unnecessarily redeclare the global font stack.
250
+ line-height: inherit;
251
+ // iOS adds rounded borders by default
252
+ border-radius: 0;
253
+ }
254
+
255
+ textarea {
256
+ // Textareas should really only resize vertically so they don't break their (horizontal) containers.
257
+ resize: vertical;
258
+ }
259
+
260
+ fieldset {
261
+ // Chrome and Firefox set a `min-width: min-content;` on fieldsets,
262
+ // so we reset that to ensure it behaves more like a standard block element.
263
+ // See https://github.com/twbs/bootstrap/issues/12359.
264
+ min-width: 0;
265
+ // Reset the default outline behavior of fieldsets so they don't affect page layout.
266
+ padding: 0;
267
+ margin: 0;
268
+ border: 0;
269
+ }
270
+
271
+ legend {
272
+ // Reset the entire legend element to match the `fieldset`
273
+ display: block;
274
+ width: 100%;
275
+ padding: 0;
276
+ margin-bottom: .5rem;
277
+ font-size: 1.5rem;
278
+ line-height: inherit;
279
+ // border: 0;
280
+ }
281
+
282
+ input[type="search"] {
283
+ // Undo Normalize's default here to match our global overrides.
284
+ box-sizing: inherit;
285
+ // This overrides the extra rounded corners on search inputs in iOS so that our
286
+ // `.form-control` class can properly style them. Note that this cannot simply
287
+ // be added to `.form-control` as it's not specific enough. For details, see
288
+ // https://github.com/twbs/bootstrap/issues/11586.
289
+ -webkit-appearance: none;
290
+ }
291
+
292
+ // todo: needed?
293
+ output {
294
+ display: inline-block;
295
+ // font-size: $font-size-base;
296
+ // line-height: $line-height;
297
+ // color: $input-color;
298
+ }
@@ -0,0 +1,38 @@
1
+ // Credit: Nicolas Gallagher and SUIT CSS.
2
+
3
+ .embed-responsive {
4
+ position: relative;
5
+ display: block;
6
+ height: 0;
7
+ padding: 0;
8
+ overflow: hidden;
9
+
10
+ .embed-responsive-item,
11
+ iframe,
12
+ embed,
13
+ object,
14
+ video {
15
+ position: absolute;
16
+ top: 0;
17
+ bottom: 0;
18
+ left: 0;
19
+ width: 100%;
20
+ height: 100%;
21
+ border: 0;
22
+ }
23
+ }
24
+
25
+ // Modifier class for 21:9 aspect ratio
26
+ .embed-responsive-21by9 {
27
+ padding-bottom: percentage(9 / 21);
28
+ }
29
+
30
+ // Modifier class for 16:9 aspect ratio
31
+ .embed-responsive-16by9 {
32
+ padding-bottom: percentage(9 / 16);
33
+ }
34
+
35
+ // Modifier class for 4:3 aspect ratio
36
+ .embed-responsive-4by3 {
37
+ padding-bottom: percentage(3 / 4);
38
+ }
@@ -0,0 +1,193 @@
1
+ //
2
+ // Basic Bootstrap table
3
+ //
4
+
5
+ .table {
6
+ width: 100%;
7
+ max-width: 100%;
8
+ margin-bottom: $spacer;
9
+
10
+ th,
11
+ td {
12
+ padding: $table-cell-padding;
13
+ line-height: $line-height;
14
+ vertical-align: top;
15
+ border-top: 1px solid $table-border-color;
16
+ }
17
+
18
+ thead th {
19
+ vertical-align: bottom;
20
+ border-bottom: 2px solid $table-border-color;
21
+ }
22
+
23
+ tbody + tbody {
24
+ border-top: 2px solid $table-border-color;
25
+ }
26
+
27
+ .table {
28
+ background-color: $body-bg;
29
+ }
30
+ }
31
+
32
+
33
+ //
34
+ // Condensed table w/ half padding
35
+ //
36
+
37
+ .table-sm {
38
+ th,
39
+ td {
40
+ padding: $table-sm-cell-padding;
41
+ }
42
+ }
43
+
44
+
45
+ // Bordered version
46
+ //
47
+ // Add borders all around the table and between all the columns.
48
+
49
+ .table-bordered {
50
+ border: 1px solid $table-border-color;
51
+
52
+ th,
53
+ td {
54
+ border: 1px solid $table-border-color;
55
+ }
56
+
57
+ thead {
58
+ th,
59
+ td {
60
+ border-bottom-width: 2px;
61
+ }
62
+ }
63
+ }
64
+
65
+
66
+ // Zebra-striping
67
+ //
68
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
69
+
70
+ .table-striped {
71
+ tbody tr:nth-of-type(odd) {
72
+ background-color: $table-bg-accent;
73
+ }
74
+ }
75
+
76
+
77
+ // Hover effect
78
+ //
79
+ // Placed here since it has to come after the potential zebra striping
80
+
81
+ .table-hover {
82
+ tbody tr {
83
+ @include hover {
84
+ background-color: $table-bg-hover;
85
+ }
86
+ }
87
+ }
88
+
89
+
90
+ // Table backgrounds
91
+ //
92
+ // Exact selectors below required to override `.table-striped` and prevent
93
+ // inheritance to nested tables.
94
+
95
+ // Generate the contextual variants
96
+ @include table-row-variant(active, $table-bg-active);
97
+ @include table-row-variant(success, $state-success-bg);
98
+ @include table-row-variant(info, $state-info-bg);
99
+ @include table-row-variant(warning, $state-warning-bg);
100
+ @include table-row-variant(danger, $state-danger-bg);
101
+
102
+
103
+ // Responsive tables
104
+ //
105
+ // Wrap your tables in `.table-responsive` and we'll make them mobile friendly
106
+ // by enabling horizontal scrolling. Only applies <768px. Everything above that
107
+ // will display normally.
108
+
109
+ .table-responsive {
110
+ display: block;
111
+ width: 100%;
112
+ min-height: 0.01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
113
+ overflow-x: auto;
114
+
115
+ // TODO: find out if we need this still.
116
+ //
117
+ // border: 1px solid $table-border-color;
118
+ // -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
119
+ }
120
+
121
+
122
+ .thead-inverse {
123
+ th {
124
+ color: #fff;
125
+ background-color: $gray-dark;
126
+ }
127
+ }
128
+ .thead-default {
129
+ th {
130
+ color: $gray;
131
+ background-color: $gray-lighter;
132
+ }
133
+ }
134
+
135
+ .table-inverse {
136
+ color: $gray-lighter;
137
+ background-color: $gray-dark;
138
+
139
+ &.table-bordered {
140
+ border: 0;
141
+ }
142
+
143
+ th,
144
+ td,
145
+ thead th {
146
+ border-color: $gray;
147
+ }
148
+ }
149
+
150
+
151
+ .table-reflow {
152
+ thead {
153
+ float: left;
154
+ }
155
+
156
+ tbody {
157
+ display: block;
158
+ white-space: nowrap;
159
+ }
160
+
161
+ th,
162
+ td {
163
+ border-top: 1px solid $table-border-color;
164
+ border-left: 1px solid $table-border-color;
165
+
166
+ &:last-child {
167
+ border-right: 1px solid $table-border-color;
168
+ }
169
+ }
170
+
171
+ thead,
172
+ tbody,
173
+ tfoot {
174
+ &:last-child {
175
+ tr:last-child {
176
+ th,
177
+ td {
178
+ border-bottom: 1px solid $table-border-color;
179
+ }
180
+ }
181
+ }
182
+ }
183
+
184
+ tr {
185
+ float: left;
186
+
187
+ th,
188
+ td {
189
+ display: block !important;
190
+ border: 1px solid $table-border-color;
191
+ }
192
+ }
193
+ }