bootstrap-sass 2.0.3.1 → 2.0.4.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 (28) hide show
  1. data/README.md +11 -2
  2. data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
  3. data/vendor/assets/javascripts/bootstrap-button.js +1 -1
  4. data/vendor/assets/javascripts/bootstrap-carousel.js +1 -1
  5. data/vendor/assets/javascripts/bootstrap-collapse.js +1 -1
  6. data/vendor/assets/javascripts/bootstrap-dropdown.js +1 -1
  7. data/vendor/assets/javascripts/bootstrap-modal.js +1 -1
  8. data/vendor/assets/javascripts/bootstrap-popover.js +1 -1
  9. data/vendor/assets/javascripts/bootstrap-scrollspy.js +2 -2
  10. data/vendor/assets/javascripts/bootstrap-tab.js +1 -1
  11. data/vendor/assets/javascripts/bootstrap-tooltip.js +3 -3
  12. data/vendor/assets/javascripts/bootstrap-transition.js +1 -1
  13. data/vendor/assets/javascripts/bootstrap-typeahead.js +1 -1
  14. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +12 -357
  15. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +2 -2
  16. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +3 -3
  17. data/vendor/assets/stylesheets/bootstrap/_forms.scss +54 -79
  18. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +31 -4
  19. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +7 -6
  20. data/vendor/assets/stylesheets/bootstrap/_reset.scss +5 -0
  21. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +26 -0
  22. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +136 -0
  23. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +16 -0
  24. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +147 -0
  25. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +41 -0
  26. data/vendor/assets/stylesheets/bootstrap/_type.scss +1 -4
  27. data/vendor/assets/stylesheets/bootstrap/_variables.scss +3 -0
  28. metadata +11 -6
data/README.md CHANGED
@@ -16,7 +16,7 @@ Updating your application to a new version of `bootstrap-sass`? See our [changel
16
16
  In your Gemfile:
17
17
 
18
18
  gem 'sass-rails', '~> 3.1'
19
- gem 'bootstrap-sass', '~> 2.0.3'
19
+ gem 'bootstrap-sass', '~> 2.0.4.0'
20
20
 
21
21
  #### CSS
22
22
 
@@ -90,8 +90,17 @@ Some CSS3 properties take multiple values, such as `box-shadow` or `text-shadow`
90
90
  ### Responsive styling?
91
91
  As per the Bootstrap project we don't include the responsive styles by default. `@import "bootstrap-responsive";` to get them.
92
92
 
93
+ ## Versioning
94
+ Bootstrap [claims](https://github.com/twitter/bootstrap#versioning) to use SemVer, although this is for values of public API that don't seem to include selectively requiring CSS components (see breaking change 2.0.2 -> 2.0.3). Since many people using bootstrap-sass *do* selectively require CSS components and I consider it part of the public API we can't really follow SemVer without becoming wildly out of sync with the Bootstrap version number, which is confusing for everyone involved. Further releases to bootstrap-sass will therefore have version numbers of the form `2.x.x.y`, where `2.x.x` is the release of Bootstrap we should be compatible with, and `y` is the patch version.
95
+
96
+ ### Bundler?
97
+
98
+ gem 'bootstrap-sass', '~> 2.0.4.0'
99
+
100
+ Don't use the standard `~> 2.0.x` please. Your apps may break.
101
+
93
102
  ## Who
94
103
  bootstrap-sass is a project by [Thomas McDonald](https://twitter.com/#!/thomasmcdonald_), with support from [other awesome people](https://github.com/thomas-mcdonald/bootstrap-sass/graphs/contributors).
95
104
 
96
105
  ## You're in good company
97
- bootstrap-sass is used to build some awesome projects, including [Diaspora](http://diasporaproject.org/), [rails_admin](https://github.com/sferik/rails_admin), Michael Hartl's [Rails Tutorial](http://railstutorial.org/) and [gitlabhq](http://gitlabhq.com/). Using bootstrap-sass? I'd love it if you let me know through Twitter.
106
+ bootstrap-sass is used to build some awesome projects, including [Diaspora](http://diasporaproject.org/), [rails_admin](https://github.com/sferik/rails_admin), Michael Hartl's [Rails Tutorial](http://railstutorial.org/) and [gitlabhq](http://gitlabhq.com/). Using bootstrap-sass? I'd love it if you let me know through Twitter.
@@ -1,5 +1,5 @@
1
1
  /* ==========================================================
2
- * bootstrap-alert.js v2.0.3
2
+ * bootstrap-alert.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#alerts
4
4
  * ==========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* ============================================================
2
- * bootstrap-button.js v2.0.3
2
+ * bootstrap-button.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#buttons
4
4
  * ============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* ==========================================================
2
- * bootstrap-carousel.js v2.0.3
2
+ * bootstrap-carousel.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#carousel
4
4
  * ==========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* =============================================================
2
- * bootstrap-collapse.js v2.0.3
2
+ * bootstrap-collapse.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#collapse
4
4
  * =============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* ============================================================
2
- * bootstrap-dropdown.js v2.0.3
2
+ * bootstrap-dropdown.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#dropdowns
4
4
  * ============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* =========================================================
2
- * bootstrap-modal.js v2.0.3
2
+ * bootstrap-modal.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#modals
4
4
  * =========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* ===========================================================
2
- * bootstrap-popover.js v2.0.3
2
+ * bootstrap-popover.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#popovers
4
4
  * ===========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* =============================================================
2
- * bootstrap-scrollspy.js v2.0.3
2
+ * bootstrap-scrollspy.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#scrollspy
4
4
  * =============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -35,7 +35,7 @@
35
35
  this.selector = (this.options.target
36
36
  || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
37
37
  || '') + ' .nav li > a'
38
- this.$body = $('body').on('click.scroll.data-api', this.selector, process)
38
+ this.$body = $('body')
39
39
  this.refresh()
40
40
  this.process()
41
41
  }
@@ -1,5 +1,5 @@
1
1
  /* ========================================================
2
- * bootstrap-tab.js v2.0.3
2
+ * bootstrap-tab.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#tabs
4
4
  * ========================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* ===========================================================
2
- * bootstrap-tooltip.js v2.0.3
2
+ * bootstrap-tooltip.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#tooltips
4
4
  * Inspired by the original jQuery.tipsy by Jason Frame
5
5
  * ===========================================================
@@ -84,9 +84,9 @@
84
84
  , leave: function (e) {
85
85
  var self = $(e.currentTarget)[this.type](this._options).data(this.type)
86
86
 
87
+ if (this.timeout) clearTimeout(this.timeout)
87
88
  if (!self.options.delay || !self.options.delay.hide) return self.hide()
88
89
 
89
- clearTimeout(this.timeout)
90
90
  self.hoverState = 'out'
91
91
  this.timeout = setTimeout(function() {
92
92
  if (self.hoverState == 'out') self.hide()
@@ -272,4 +272,4 @@
272
272
  , delay: 0
273
273
  }
274
274
 
275
- }(window.jQuery);
275
+ }(window.jQuery);
@@ -1,5 +1,5 @@
1
1
  /* ===================================================
2
- * bootstrap-transition.js v2.0.3
2
+ * bootstrap-transition.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#transitions
4
4
  * ===================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -1,5 +1,5 @@
1
1
  /* =============================================================
2
- * bootstrap-typeahead.js v2.0.3
2
+ * bootstrap-typeahead.js v2.0.4
3
3
  * http://twitter.github.com/bootstrap/javascript.html#typeahead
4
4
  * =============================================================
5
5
  * Copyright 2012 Twitter, Inc.
@@ -10,371 +10,26 @@
10
10
  @import "bootstrap/variables"; // Modify this for custom colors, font-sizes, etc
11
11
  @import "bootstrap/mixins";
12
12
 
13
-
14
13
  // RESPONSIVE CLASSES
15
14
  // ------------------
16
15
 
17
- // Hide from screenreaders and browsers
18
- // Credit: HTML5 Boilerplate
19
- .hidden {
20
- display: none;
21
- visibility: hidden;
22
- }
23
-
24
- // Visibility utilities
25
-
26
- // For desktops
27
- .visible-phone { display: none !important; }
28
- .visible-tablet { display: none !important; }
29
- .visible-desktop { } // Don't set initially
30
- .hidden-phone { }
31
- .hidden-tablet { }
32
- .hidden-desktop { display: none !important; }
33
-
34
- // Phones only
35
- @media (max-width : 767px) {
36
- // Show
37
- .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
38
- // Hide
39
- .hidden-phone { display: none !important; }
40
- // Hide everything else
41
- .hidden-desktop { display: inherit !important; }
42
- .visible-desktop { display: none !important; }
43
- }
44
-
45
- // Tablets & small desktops only
46
- @media (min-width: 768px) and (max-width: 979px) {
47
- // Show
48
- .visible-tablet { display: inherit !important; }
49
- // Hide
50
- .hidden-tablet { display: none !important; }
51
- // Hide everything else
52
- .hidden-desktop { display: inherit !important; }
53
- .visible-desktop { display: none !important ; }
54
- }
55
-
56
- // UP TO LANDSCAPE PHONE
57
- // ---------------------
58
-
59
- @media (max-width: 480px) {
60
-
61
- // Smooth out the collapsing/expanding nav
62
- .nav-collapse {
63
- -webkit-transform: translate3d(0, 0, 0); // activate the GPU
64
- }
65
-
66
- // Block level the page header small tag for readability
67
- .page-header h1 small {
68
- display: block;
69
- line-height: $baseLineHeight;
70
- }
71
-
72
- // Update checkboxes for iOS
73
- input[type="checkbox"], input[type="radio"] {
74
- border: 1px solid #ccc;
75
- }
76
-
77
- // Remove the horizontal form styles
78
- .form-horizontal .control-group > label {
79
- float: none;
80
- width: auto;
81
- padding-top: 0;
82
- text-align: left;
83
- }
84
- // Move over all input controls and content
85
- .form-horizontal .controls {
86
- margin-left: 0;
87
- }
88
- // Move the options list down to align with labels
89
- .form-horizontal .control-list {
90
- padding-top: 0; // has to be padding because margin collaspes
91
- }
92
- // Move over buttons in .form-actions to align with .controls
93
- .form-horizontal .form-actions {
94
- padding-left: 10px;
95
- padding-right: 10px;
96
- }
97
-
98
- // Modals
99
- .modal {
100
- position: absolute;
101
- top: 10px;
102
- left: 10px;
103
- right: 10px;
104
- width: auto;
105
- margin: 0;
106
- &.fade.in { top: auto; }
107
- }
108
- .modal-header .close {
109
- padding: 10px;
110
- margin: -10px;
111
- }
112
-
113
- // Carousel
114
- .carousel-caption {
115
- position: static;
116
- }
117
-
118
- }
119
-
120
-
121
-
122
- // LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
123
- // --------------------------------------------------
124
-
125
- @media (max-width: 768px) {
126
-
127
- // Padding to set content in a bit
128
- body {
129
- padding-left: 20px;
130
- padding-right: 20px;
131
- }
132
- // Negative indent the now static "fixed" navbar
133
- .navbar-fixed-top, .navbar-fixed-bottom {
134
- margin-left: -20px;
135
- margin-right: -20px;
136
- }
137
- // Remove padding on container given explicit padding set on body
138
- .container-fluid {
139
- padding: 0;
140
- }
141
-
142
- // TYPOGRAPHY
143
- // ----------
144
- // Reset horizontal dl
145
- .dl-horizontal {
146
- dt {
147
- float: none;
148
- clear: none;
149
- width: auto;
150
- text-align: left;
151
- }
152
- dd {
153
- margin-left: 0;
154
- }
155
- }
16
+ @import "bootstrap/responsive-utilities";
156
17
 
157
- // GRID & CONTAINERS
158
- // -----------------
159
- // Remove width from containers
160
- .container {
161
- width: auto;
162
- }
163
- // Fluid rows
164
- .row-fluid {
165
- width: 100%;
166
- }
167
- // Undo negative margin on rows and thumbnails
168
- .row, .thumbnails {
169
- margin-left: 0;
170
- }
171
- // Make all grid-sized elements block level again
172
- [class*="span"], .row-fluid [class*="span"] {
173
- float: none;
174
- display: block;
175
- width: auto;
176
- margin-left: 0;
177
- }
178
-
179
- // FORM FIELDS
180
- // -----------
181
- // Make span* classes full width
182
- .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
183
- @include input-block-level();
184
- }
185
- // But don't let it screw up prepend/append inputs
186
- .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
187
- display: inline-block; // redeclare so they don't wrap to new lines
188
- width: auto;
189
- }
190
- }
191
-
192
-
193
-
194
- // PORTRAIT TABLET TO DEFAULT DESKTOP
195
- // ----------------------------------
196
-
197
- @media (min-width: 768px) and (max-width: 979px) {
198
-
199
- // Fixed grid
200
- @include gridCore($gridColumnWidthTablet, $gridGutterWidthTablet);
201
-
202
- // Fluid grid
203
- @include gridFluid($fluidGridColumnWidthTablet, $fluidGridGutterWidthTablet);
204
-
205
- // Input grid
206
- @include gridInput($gridColumnWidthTablet, $gridGutterWidthTablet);
207
-
208
- // No need to reset .thumbnails here since it's the same $gridGutterWidth
209
-
210
- }
211
-
212
-
213
-
214
- // TABLETS AND BELOW
215
- // -----------------
216
- @media (max-width: 979px) {
217
-
218
- // UNFIX THE TOPBAR
219
- // ----------------
220
- // Remove any padding from the body
221
- body {
222
- padding-top: 0;
223
- }
224
- // Unfix the navbar
225
- .navbar-fixed-top {
226
- position: static;
227
- margin-bottom: $baseLineHeight;
228
- }
229
- .navbar-fixed-top .navbar-inner {
230
- padding: 5px;
231
- }
232
- .navbar .container {
233
- width: auto;
234
- padding: 0;
235
- }
236
- // Account for brand name
237
- .navbar .brand {
238
- padding-left: 10px;
239
- padding-right: 10px;
240
- margin: 0 0 0 -5px;
241
- }
242
-
243
- // COLLAPSIBLE NAVBAR
244
- // ------------------
245
- // Nav collapse clears brand
246
- .nav-collapse {
247
- clear: both;
248
- }
249
- // Block-level the nav
250
- .nav-collapse .nav {
251
- float: none;
252
- margin: 0 0 ($baseLineHeight / 2);
253
- }
254
- .nav-collapse .nav > li {
255
- float: none;
256
- }
257
- .nav-collapse .nav > li > a {
258
- margin-bottom: 2px;
259
- }
260
- .nav-collapse .nav > .divider-vertical {
261
- display: none;
262
- }
263
- .nav-collapse .nav .nav-header {
264
- color: $navbarText;
265
- text-shadow: none;
266
- }
267
- // Nav and dropdown links in navbar
268
- .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
269
- padding: 6px 15px;
270
- font-weight: bold;
271
- color: $navbarLinkColor;
272
- @include border-radius(3px);
273
- }
274
- // Buttons
275
- .nav-collapse .btn {
276
- padding: 4px 10px 4px;
277
- font-weight: normal;
278
- @include border-radius(4px);
279
- }
280
- .nav-collapse .dropdown-menu li + li a {
281
- margin-bottom: 2px;
282
- }
283
- .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
284
- background-color: $navbarBackground;
285
- }
286
- // Buttons in the navbar
287
- .nav-collapse.in .btn-group {
288
- margin-top: 5px;
289
- padding: 0;
290
- }
291
- // Dropdowns in the navbar
292
- .nav-collapse .dropdown-menu {
293
- position: static;
294
- top: auto;
295
- left: auto;
296
- float: none;
297
- display: block;
298
- max-width: none;
299
- margin: 0 15px;
300
- padding: 0;
301
- background-color: transparent;
302
- border: none;
303
- @include border-radius(0);
304
- @include box-shadow(none);
305
- }
306
- .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {
307
- display: none;
308
- }
309
- .nav-collapse .dropdown-menu .divider {
310
- display: none;
311
- }
312
- // Forms in navbar
313
- .nav-collapse .navbar-form, .nav-collapse .navbar-search {
314
- float: none;
315
- padding: ($baseLineHeight / 2) 15px;
316
- margin: ($baseLineHeight / 2) 0;
317
- border-top: 1px solid $navbarBackground;
318
- border-bottom: 1px solid $navbarBackground;
319
- @include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)});
320
- }
321
- // Pull right (secondary) nav content
322
- .navbar .nav-collapse .nav.pull-right {
323
- float: none;
324
- margin-left: 0;
325
- }
326
- // Hide everything in the navbar save .brand and toggle button */
327
- .nav-collapse, .nav-collapse.collapse {
328
- overflow: hidden;
329
- height: 0;
330
- }
331
- // Navbar button
332
- .navbar .btn-navbar {
333
- display: block;
334
- }
18
+ // MEDIA QUERIES
19
+ // ------------------
335
20
 
336
- // STATIC NAVBAR
337
- // -------------
338
- .navbar-static .navbar-inner {
339
- padding-left: 10px;
340
- padding-right: 10px;
341
- }
342
- }
21
+ // Phones to portrait tablets and narrow desktops
22
+ @import "bootstrap/responsive-767px-max";
343
23
 
24
+ // Tablets to regular desktops
25
+ @import "bootstrap/responsive-768px-979px";
344
26
 
345
- // DEFAULT DESKTOP
346
- // ---------------
27
+ // Large desktops
28
+ @import "bootstrap/responsive-1200px-min";
347
29
 
348
- // Required to make the collapsing navbar work on regular desktops
349
- @media (min-width: 980px) {
350
- .nav-collapse.collapse {
351
- height: auto !important;
352
- overflow: visible !important;
353
- }
354
- }
355
30
 
356
- // LARGE DESKTOP & UP
31
+ // RESPONSIVE NAVBAR
357
32
  // ------------------
358
33
 
359
- @media (min-width: 1200px) {
360
-
361
- // Fixed grid
362
- @include gridCore($gridColumnWidthLarge, $gridGutterWidthLarge);
363
-
364
- // Fluid grid
365
- @include gridFluid($fluidGridColumnWidthLarge, $fluidGridGutterWidthLarge);
366
-
367
- // Input grid
368
- @include gridInput($gridColumnWidthLarge, $gridGutterWidthLarge);
369
-
370
- // Thumbnails
371
- .thumbnails {
372
- margin-left: -$gridGutterWidthLarge;
373
- }
374
- .thumbnails > li {
375
- margin-left: $gridGutterWidthLarge;
376
- }
377
- .row-fluid .thumbnails {
378
- margin-left: 0;
379
- }
380
- }
34
+ // From 979px and below, show a button to toggle navbar contents
35
+ @import "bootstrap/responsive-navbar";