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.
- checksums.yaml +7 -0
- data/.gitattributes +14 -0
- data/.gitignore +19 -0
- data/.travis.yml +16 -0
- data/CHANGELOG.md +7 -0
- data/Gemfile +13 -0
- data/LICENSE +21 -0
- data/README.md +143 -0
- data/Rakefile +75 -0
- data/assets/javascripts/bootstrap-sprockets.js +11 -0
- data/assets/javascripts/bootstrap.js +3560 -0
- data/assets/javascripts/bootstrap.min.js +220 -0
- data/assets/javascripts/bootstrap/alert.js +192 -0
- data/assets/javascripts/bootstrap/button.js +172 -0
- data/assets/javascripts/bootstrap/carousel.js +478 -0
- data/assets/javascripts/bootstrap/collapse.js +364 -0
- data/assets/javascripts/bootstrap/dropdown.js +293 -0
- data/assets/javascripts/bootstrap/modal.js +536 -0
- data/assets/javascripts/bootstrap/popover.js +201 -0
- data/assets/javascripts/bootstrap/scrollspy.js +320 -0
- data/assets/javascripts/bootstrap/tab.js +263 -0
- data/assets/javascripts/bootstrap/tooltip.js +619 -0
- data/assets/javascripts/bootstrap/util.js +157 -0
- data/assets/stylesheets/_bootstrap-flex.scss +8 -0
- data/assets/stylesheets/_bootstrap-grid.scss +62 -0
- data/assets/stylesheets/_bootstrap-reboot.scss +10 -0
- data/assets/stylesheets/_bootstrap.scss +55 -0
- data/assets/stylesheets/bootstrap/_alert.scss +65 -0
- data/assets/stylesheets/bootstrap/_animation.scss +27 -0
- data/assets/stylesheets/bootstrap/_breadcrumb.scss +23 -0
- data/assets/stylesheets/bootstrap/_button-group.scss +224 -0
- data/assets/stylesheets/bootstrap/_buttons.scss +174 -0
- data/assets/stylesheets/bootstrap/_card.scss +293 -0
- data/assets/stylesheets/bootstrap/_carousel.scss +252 -0
- data/assets/stylesheets/bootstrap/_close.scss +28 -0
- data/assets/stylesheets/bootstrap/_code.scss +58 -0
- data/assets/stylesheets/bootstrap/_custom-forms.scss +225 -0
- data/assets/stylesheets/bootstrap/_dropdown.scss +191 -0
- data/assets/stylesheets/bootstrap/_forms.scss +454 -0
- data/assets/stylesheets/bootstrap/_grid.scss +76 -0
- data/assets/stylesheets/bootstrap/_images.scss +28 -0
- data/assets/stylesheets/bootstrap/_input-group.scss +181 -0
- data/assets/stylesheets/bootstrap/_jumbotron.scss +22 -0
- data/assets/stylesheets/bootstrap/_labels.scss +75 -0
- data/assets/stylesheets/bootstrap/_list-group.scss +128 -0
- data/assets/stylesheets/bootstrap/_media.scss +90 -0
- data/assets/stylesheets/bootstrap/_mixins.scss +54 -0
- data/assets/stylesheets/bootstrap/_modal.scss +146 -0
- data/assets/stylesheets/bootstrap/_nav.scss +155 -0
- data/assets/stylesheets/bootstrap/_navbar.scss +230 -0
- data/assets/stylesheets/bootstrap/_normalize.scss +428 -0
- data/assets/stylesheets/bootstrap/_pager.scss +57 -0
- data/assets/stylesheets/bootstrap/_pagination.scss +82 -0
- data/assets/stylesheets/bootstrap/_popover.scss +140 -0
- data/assets/stylesheets/bootstrap/_print.scss +88 -0
- data/assets/stylesheets/bootstrap/_progress.scss +156 -0
- data/assets/stylesheets/bootstrap/_reboot.scss +298 -0
- data/assets/stylesheets/bootstrap/_responsive-embed.scss +38 -0
- data/assets/stylesheets/bootstrap/_tables.scss +193 -0
- data/assets/stylesheets/bootstrap/_tooltip.scss +85 -0
- data/assets/stylesheets/bootstrap/_type.scss +192 -0
- data/assets/stylesheets/bootstrap/_utilities-responsive.scss +49 -0
- data/assets/stylesheets/bootstrap/_utilities-spacing.scss +78 -0
- data/assets/stylesheets/bootstrap/_utilities.scss +117 -0
- data/assets/stylesheets/bootstrap/_variables.scss +632 -0
- data/assets/stylesheets/bootstrap/mixins/_alert.scss +14 -0
- data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +13 -0
- data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +35 -0
- data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +76 -0
- data/assets/stylesheets/bootstrap/mixins/_buttons.scss +100 -0
- data/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
- data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +7 -0
- data/assets/stylesheets/bootstrap/mixins/_forms.scss +89 -0
- data/assets/stylesheets/bootstrap/mixins/_gradients.scss +43 -0
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +44 -0
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +75 -0
- data/assets/stylesheets/bootstrap/mixins/_hover.scss +59 -0
- data/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
- data/assets/stylesheets/bootstrap/mixins/_label.scss +11 -0
- data/assets/stylesheets/bootstrap/mixins/_list-group.scss +30 -0
- data/assets/stylesheets/bootstrap/mixins/_lists.scss +7 -0
- data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
- data/assets/stylesheets/bootstrap/mixins/_navbar-align.scss +9 -0
- data/assets/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
- data/assets/stylesheets/bootstrap/mixins/_progress.scss +18 -0
- data/assets/stylesheets/bootstrap/mixins/_pulls.scss +6 -0
- data/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
- data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
- data/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
- data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +32 -0
- data/assets/stylesheets/bootstrap/mixins/_size.scss +6 -0
- data/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
- data/assets/stylesheets/bootstrap/mixins/_table-row.scss +30 -0
- data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
- data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +8 -0
- data/assets/stylesheets/bootstrap/mixins/_text-truncate.scss +8 -0
- data/bootstrap.gemspec +36 -0
- data/lib/bootstrap.rb +76 -0
- data/lib/bootstrap/engine.rb +11 -0
- data/lib/bootstrap/version.rb +4 -0
- data/tasks/updater.rb +67 -0
- data/tasks/updater/js.rb +37 -0
- data/tasks/updater/logger.rb +57 -0
- data/tasks/updater/network.rb +101 -0
- data/tasks/updater/scss.rb +34 -0
- data/templates/project/_bootstrap-variables.scss +633 -0
- data/templates/project/manifest.rb +18 -0
- data/templates/project/styles.scss +10 -0
- data/test/compass_test.rb +9 -0
- data/test/dummy_rails/README.rdoc +3 -0
- data/test/dummy_rails/Rakefile +6 -0
- data/test/dummy_rails/app/assets/images/.keep +0 -0
- data/test/dummy_rails/app/assets/javascripts/application.js +7 -0
- data/test/dummy_rails/app/assets/stylesheets/application.sass +1 -0
- data/test/dummy_rails/app/controllers/application_controller.rb +5 -0
- data/test/dummy_rails/app/controllers/pages_controller.rb +4 -0
- data/test/dummy_rails/app/helpers/application_helper.rb +2 -0
- data/test/dummy_rails/app/views/layouts/application.html.erb +14 -0
- data/test/dummy_rails/app/views/pages/root.html.slim +58 -0
- data/test/dummy_rails/config.ru +4 -0
- data/test/dummy_rails/config/application.rb +34 -0
- data/test/dummy_rails/config/boot.rb +5 -0
- data/test/dummy_rails/config/environment.rb +5 -0
- data/test/dummy_rails/config/environments/development.rb +23 -0
- data/test/dummy_rails/config/environments/production.rb +82 -0
- data/test/dummy_rails/config/environments/test.rb +38 -0
- data/test/dummy_rails/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy_rails/config/initializers/filter_parameter_logging.rb +4 -0
- data/test/dummy_rails/config/initializers/inflections.rb +16 -0
- data/test/dummy_rails/config/initializers/mime_types.rb +5 -0
- data/test/dummy_rails/config/initializers/secret_token.rb +18 -0
- data/test/dummy_rails/config/initializers/session_store.rb +3 -0
- data/test/dummy_rails/config/initializers/wrap_parameters.rb +14 -0
- data/test/dummy_rails/config/locales/en.yml +3 -0
- data/test/dummy_rails/config/locales/es.yml +3 -0
- data/test/dummy_rails/config/routes.rb +3 -0
- data/test/dummy_rails/log/.keep +0 -0
- data/test/gemfiles/rails_4_2.gemfile +11 -0
- data/test/gemfiles/rails_head.gemfile +19 -0
- data/test/rails_test.rb +19 -0
- data/test/support/dummy_rails_integration.rb +22 -0
- data/test/support/reporting.rb +27 -0
- data/test/test_helper.rb +35 -0
- data/test/test_helper_rails.rb +6 -0
- 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
|
+
}
|