bootstrap-sass 2.1.1.0 → 2.2.1.0

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.

Potentially problematic release.


This version of bootstrap-sass might be problematic. Click here for more details.

Files changed (61) hide show
  1. data/README.md +7 -5
  2. data/lib/bootstrap-sass/compass_functions.rb +9 -5
  3. data/vendor/assets/javascripts/bootstrap-affix.js +4 -2
  4. data/vendor/assets/javascripts/bootstrap-alert.js +2 -4
  5. data/vendor/assets/javascripts/bootstrap-button.js +5 -7
  6. data/vendor/assets/javascripts/bootstrap-carousel.js +12 -12
  7. data/vendor/assets/javascripts/bootstrap-collapse.js +9 -11
  8. data/vendor/assets/javascripts/bootstrap-dropdown.js +9 -11
  9. data/vendor/assets/javascripts/bootstrap-modal.js +20 -25
  10. data/vendor/assets/javascripts/bootstrap-popover.js +1 -1
  11. data/vendor/assets/javascripts/bootstrap-scrollspy.js +1 -1
  12. data/vendor/assets/javascripts/bootstrap-tab.js +5 -7
  13. data/vendor/assets/javascripts/bootstrap-tooltip.js +12 -11
  14. data/vendor/assets/javascripts/bootstrap-transition.js +5 -5
  15. data/vendor/assets/javascripts/bootstrap-typeahead.js +19 -9
  16. data/vendor/assets/stylesheets/bootstrap-responsive.scss +1 -0
  17. data/vendor/assets/stylesheets/bootstrap.scss +1 -0
  18. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +2 -2
  19. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +2 -2
  20. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +1 -1
  21. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +5 -8
  22. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +18 -17
  23. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +4 -4
  24. data/vendor/assets/stylesheets/bootstrap/_close.scss +3 -3
  25. data/vendor/assets/stylesheets/bootstrap/_code.scss +3 -3
  26. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +1 -1
  27. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +34 -7
  28. data/vendor/assets/stylesheets/bootstrap/_forms.scss +50 -18
  29. data/vendor/assets/stylesheets/bootstrap/_grid.scss +2 -1
  30. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +7 -6
  31. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +15 -14
  32. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +1 -1
  33. data/vendor/assets/stylesheets/bootstrap/_media.scss +55 -0
  34. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +99 -62
  35. data/vendor/assets/stylesheets/bootstrap/_modals.scss +12 -15
  36. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +11 -11
  37. data/vendor/assets/stylesheets/bootstrap/_navs.scss +5 -4
  38. data/vendor/assets/stylesheets/bootstrap/_pager.scss +11 -10
  39. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +70 -13
  40. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +4 -4
  41. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +5 -5
  42. data/vendor/assets/stylesheets/bootstrap/_reset.scss +8 -6
  43. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +1 -1
  44. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +20 -1
  45. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +1 -1
  46. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +13 -5
  47. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +16 -1
  48. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +1 -1
  49. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +5 -5
  50. data/vendor/assets/stylesheets/bootstrap/_tables.scss +11 -11
  51. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +4 -4
  52. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +3 -3
  53. data/vendor/assets/stylesheets/bootstrap/_type.scss +32 -26
  54. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +16 -1
  55. data/vendor/assets/stylesheets/bootstrap/_variables.scss +28 -6
  56. data/vendor/assets/stylesheets/bootstrap/_wells.scss +5 -5
  57. data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +63 -0
  58. data/vendor/assets/stylesheets/bootstrap/responsive.scss +48 -0
  59. metadata +25 -6
  60. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +0 -42
  61. data/vendor/assets/stylesheets/_bootstrap.scss +0 -62
@@ -2,16 +2,6 @@
2
2
  // Modals
3
3
  // --------------------------------------------------
4
4
 
5
-
6
- // Recalculate z-index where appropriate,
7
- // but only apply to elements within modal
8
- .modal-open modal {
9
- .dropdown-menu { z-index: $zindexDropdown + $zindexModal; }
10
- .dropdown.open { *z-index: $zindexDropdown + $zindexModal; }
11
- .popover { z-index: $zindexPopover + $zindexModal; }
12
- .tooltip { z-index: $zindexTooltip + $zindexModal; }
13
- }
14
-
15
5
  // Background
16
6
  .modal-backdrop {
17
7
  position: fixed;
@@ -27,7 +17,7 @@
27
17
 
28
18
  .modal-backdrop,
29
19
  .modal-backdrop.fade.in {
30
- @include opacity(0.8);
20
+ @include opacity(80);
31
21
  }
32
22
 
33
23
  // Base modal
@@ -44,10 +34,13 @@
44
34
  border: 1px solid rgba(0,0,0,.3);
45
35
  *border: 1px solid #999; /* IE6-7 */
46
36
  @include border-radius(6px);
47
- @include box-shadow(#{0 3px 7px rgba(0,0,0,0.3)});
37
+ @include box-shadow(0 3px 7px rgba(0,0,0,0.3));
48
38
  @include background-clip(padding-box);
39
+ // Remove focus outline from opened modal
40
+ outline: none;
41
+
49
42
  &.fade {
50
- @include transition(#{opacity .3s linear, top .3s ease-out});
43
+ @include transition(opacity .3s linear, top .3s ease-out);
51
44
  top: -25%;
52
45
  }
53
46
  &.fade.in { top: 50%; }
@@ -83,7 +76,7 @@
83
76
  background-color: #f5f5f5;
84
77
  border-top: 1px solid #ddd;
85
78
  @include border-radius(0 0 6px 6px);
86
- @include box-shadow(#{inset 0 1px 0 $white});
79
+ @include box-shadow(inset 0 1px 0 $white);
87
80
  @include clearfix(); // clear it in case folks use .pull-* classes on buttons
88
81
 
89
82
  // Properly space out buttons
@@ -95,4 +88,8 @@
95
88
  .btn-group .btn + .btn {
96
89
  margin-left: -1px;
97
90
  }
98
- }
91
+ // and override it for block buttons as well
92
+ .btn-block + .btn-block {
93
+ margin-left: 0;
94
+ }
95
+ }
@@ -25,8 +25,8 @@
25
25
  padding-right: 20px;
26
26
  @include gradient-vertical($navbarBackgroundHighlight, $navbarBackground);
27
27
  border: 1px solid $navbarBorder;
28
- @include border-radius(4px);
29
- @include box-shadow(#{0 1px 4px rgba(0,0,0,.065)});
28
+ @include border-radius($baseBorderRadius);
29
+ @include box-shadow(0 1px 4px rgba(0,0,0,.065));
30
30
 
31
31
  // Prevent floats from breaking the navbar
32
32
  @include clearfix();
@@ -41,6 +41,7 @@
41
41
  // Override the default collapsed state
42
42
  .nav-collapse.collapse {
43
43
  height: auto;
44
+ overflow: visible;
44
45
  }
45
46
 
46
47
 
@@ -152,7 +153,6 @@
152
153
 
153
154
  .navbar-static-top {
154
155
  position: static;
155
- width: 100%;
156
156
  margin-bottom: 0; // remove 18px margin for default navbar
157
157
  .navbar-inner {
158
158
  @include border-radius(0);
@@ -202,7 +202,7 @@
202
202
  .navbar-fixed-top,
203
203
  .navbar-static-top {
204
204
  .navbar-inner {
205
- @include box-shadow(#{inset 0 -1px 0 rgba(0,0,0,.1), 0 1px 10px rgba(0,0,0,.1)});
205
+ @include box-shadow(0 1px 10px rgba(0,0,0,.1));
206
206
  }
207
207
  }
208
208
 
@@ -210,7 +210,7 @@
210
210
  .navbar-fixed-bottom {
211
211
  bottom: 0;
212
212
  .navbar-inner {
213
- @include box-shadow(#{inset 0 1px 0 rgba(0,0,0,.1), 0 -1px 10px rgba(0,0,0,.1)});
213
+ @include box-shadow(0 -1px 10px rgba(0,0,0,.1));
214
214
  }
215
215
  }
216
216
 
@@ -262,7 +262,7 @@
262
262
  color: $navbarLinkColorActive;
263
263
  text-decoration: none;
264
264
  background-color: $navbarLinkBackgroundActive;
265
- @include box-shadow(#{inset 0 3px 8px rgba(0,0,0,.125)});
265
+ @include box-shadow(inset 0 3px 8px rgba(0,0,0,.125));
266
266
  }
267
267
 
268
268
  // Navbar button for toggling navbar items in responsive layouts
@@ -273,8 +273,8 @@
273
273
  padding: 7px 10px;
274
274
  margin-left: 5px;
275
275
  margin-right: 5px;
276
- @include buttonBackground(darken($navbarBackgroundHighlight, 5%), darken($navbarBackground, 5%));
277
- @include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)});
276
+ @include buttonBackground(darken($navbarBackgroundHighlight, 5%), darken($navbarBackground, 5.25%));
277
+ @include box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075));
278
278
  }
279
279
  .navbar .btn-navbar .icon-bar {
280
280
  display: block;
@@ -282,7 +282,7 @@
282
282
  height: 2px;
283
283
  background-color: #f5f5f5;
284
284
  @include border-radius(1px);
285
- @include box-shadow(#{0 1px 0 rgba(0,0,0,.25)});
285
+ @include box-shadow(0 1px 0 rgba(0,0,0,.25));
286
286
  }
287
287
  .btn-navbar .icon-bar + .icon-bar {
288
288
  margin-top: 3px;
@@ -446,7 +446,7 @@
446
446
  color: $white;
447
447
  background-color: $navbarInverseSearchBackground;
448
448
  border-color: $navbarInverseSearchBorder;
449
- @include box-shadow(#{inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)});
449
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15));
450
450
  @include transition(none);
451
451
  @include placeholder($navbarInverseSearchPlaceholderColor);
452
452
 
@@ -458,7 +458,7 @@
458
458
  text-shadow: 0 1px 0 $white;
459
459
  background-color: $navbarInverseSearchBackgroundFocus;
460
460
  border: 0;
461
- @include box-shadow(#{0 0 3px rgba(0,0,0,.15)});
461
+ @include box-shadow(0 0 3px rgba(0,0,0,.15));
462
462
  outline: 0;
463
463
  }
464
464
  }
@@ -67,7 +67,8 @@
67
67
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
68
68
  background-color: $linkColor;
69
69
  }
70
- .nav-list [class^="icon-"] {
70
+ .nav-list [class^="icon-"],
71
+ .nav-list [class*=" icon-"] {
71
72
  margin-right: 2px;
72
73
  }
73
74
  // Dividers (basically an hr) within the dropdown
@@ -123,7 +124,7 @@
123
124
  .nav-tabs > .active > a,
124
125
  .nav-tabs > .active > a:hover {
125
126
  color: $gray;
126
- background-color: $white;
127
+ background-color: $bodyBackground;
127
128
  border: 1px solid #ddd;
128
129
  border-bottom-color: transparent;
129
130
  cursor: default;
@@ -249,7 +250,7 @@
249
250
  .nav li.dropdown.open a:hover .caret {
250
251
  border-top-color: $white;
251
252
  border-bottom-color: $white;
252
- @include opacity(1);
253
+ @include opacity(100);
253
254
  }
254
255
 
255
256
  // Dropdowns in stacked tabs
@@ -381,4 +382,4 @@
381
382
  text-decoration: none;
382
383
  background-color: transparent;
383
384
  cursor: default;
384
- }
385
+ }
@@ -12,29 +12,30 @@
12
12
  .pager li {
13
13
  display: inline;
14
14
  }
15
- .pager a,
16
- .pager span {
15
+ .pager li > a,
16
+ .pager li > span {
17
17
  display: inline-block;
18
18
  padding: 5px 14px;
19
19
  background-color: #fff;
20
20
  border: 1px solid #ddd;
21
21
  @include border-radius(15px);
22
22
  }
23
- .pager a:hover {
23
+ .pager li > a:hover {
24
24
  text-decoration: none;
25
25
  background-color: #f5f5f5;
26
26
  }
27
- .pager .next a,
28
- .pager .next span {
27
+ .pager .next > a,
28
+ .pager .next > span {
29
29
  float: right;
30
30
  }
31
- .pager .previous a {
31
+ .pager .previous > a,
32
+ .pager .previous > span {
32
33
  float: left;
33
34
  }
34
- .pager .disabled a,
35
- .pager .disabled a:hover,
36
- .pager .disabled span {
35
+ .pager .disabled > a,
36
+ .pager .disabled > a:hover,
37
+ .pager .disabled > span {
37
38
  color: $grayLight;
38
39
  background-color: #fff;
39
40
  cursor: default;
40
- }
41
+ }
@@ -2,27 +2,30 @@
2
2
  // Pagination (multiple pages)
3
3
  // --------------------------------------------------
4
4
 
5
-
5
+ // Space out pagination from surrounding content
6
6
  .pagination {
7
- height: $baseLineHeight * 2;
8
7
  margin: $baseLineHeight 0;
9
- }
8
+ }
9
+
10
10
  .pagination ul {
11
+ // Allow for text-based alignment
11
12
  display: inline-block;
12
13
  @include ie7-inline-block();
14
+ // Reset default ul styles
13
15
  margin-left: 0;
14
16
  margin-bottom: 0;
15
- @include border-radius(3px);
16
- @include box-shadow(#{0 1px 2px rgba(0,0,0,.05)});
17
+ // Visuals
18
+ @include border-radius($baseBorderRadius);
19
+ @include box-shadow(0 1px 2px rgba(0,0,0,.05));
17
20
  }
18
21
  .pagination ul > li {
19
- display: inline;
22
+ display: inline; // Remove list-style and block-level defaults
20
23
  }
21
24
  .pagination ul > li > a,
22
25
  .pagination ul > li > span {
23
- float: left;
24
- padding: 0 14px;
25
- line-height: ($baseLineHeight * 2) - 2;
26
+ float: left; // Collapse white-space
27
+ padding: 4px 12px;
28
+ line-height: $baseLineHeight;
26
29
  text-decoration: none;
27
30
  background-color: $paginationBackground;
28
31
  border: 1px solid $paginationBorder;
@@ -31,7 +34,7 @@
31
34
  .pagination ul > li > a:hover,
32
35
  .pagination ul > .active > a,
33
36
  .pagination ul > .active > span {
34
- background-color: #f5f5f5;
37
+ background-color: $paginationActiveBackground;
35
38
  }
36
39
  .pagination ul > .active > a,
37
40
  .pagination ul > .active > span {
@@ -48,17 +51,71 @@
48
51
  .pagination ul > li:first-child > a,
49
52
  .pagination ul > li:first-child > span {
50
53
  border-left-width: 1px;
51
- @include border-radius(3px 0 0 3px);
54
+ @include border-left-radius($baseBorderRadius);
52
55
  }
53
56
  .pagination ul > li:last-child > a,
54
57
  .pagination ul > li:last-child > span {
55
- @include border-radius(0 3px 3px 0);
58
+ @include border-right-radius($baseBorderRadius);
56
59
  }
57
60
 
58
- // Centered
61
+
62
+ // Alignment
63
+ // --------------------------------------------------
64
+
59
65
  .pagination-centered {
60
66
  text-align: center;
61
67
  }
62
68
  .pagination-right {
63
69
  text-align: right;
64
70
  }
71
+
72
+
73
+ // Sizing
74
+ // --------------------------------------------------
75
+
76
+ // Large
77
+ .pagination-large {
78
+ ul > li > a,
79
+ ul > li > span {
80
+ padding: $paddingLarge;
81
+ font-size: $fontSizeLarge;
82
+ }
83
+ ul > li:first-child > a,
84
+ ul > li:first-child > span {
85
+ @include border-left-radius($borderRadiusLarge);
86
+ }
87
+ ul > li:last-child > a,
88
+ ul > li:last-child > span {
89
+ @include border-right-radius($borderRadiusLarge);
90
+ }
91
+ }
92
+
93
+ // Small and mini
94
+ .pagination-mini,
95
+ .pagination-small {
96
+ ul > li:first-child > a,
97
+ ul > li:first-child > span {
98
+ @include border-left-radius($borderRadiusSmall);
99
+ }
100
+ ul > li:last-child > a,
101
+ ul > li:last-child > span {
102
+ @include border-right-radius($borderRadiusSmall);
103
+ }
104
+ }
105
+
106
+ // Small
107
+ .pagination-small {
108
+ ul > li > a,
109
+ ul > li > span {
110
+ padding: $paddingSmall;
111
+ font-size: $fontSizeSmall;
112
+ }
113
+ }
114
+ // Mini
115
+ .pagination-mini {
116
+ ul > li > a,
117
+ ul > li > span {
118
+ padding: $paddingMini;
119
+ font-size: $fontSizeMini;
120
+ }
121
+ }
@@ -18,13 +18,13 @@
18
18
  border: 1px solid #ccc;
19
19
  border: 1px solid rgba(0,0,0,.2);
20
20
  @include border-radius(6px);
21
- @include box-shadow(#{0 5px 10px rgba(0,0,0,.2)});
21
+ @include box-shadow(0 5px 10px rgba(0,0,0,.2));
22
22
 
23
23
  // Offset the popover to account for the popover arrow
24
- &.top { margin-bottom: 10px; }
24
+ &.top { margin-top: -10px; }
25
25
  &.right { margin-left: 10px; }
26
26
  &.bottom { margin-top: 10px; }
27
- &.left { margin-right: 10px; }
27
+ &.left { margin-left: -10px; }
28
28
 
29
29
  }
30
30
 
@@ -114,4 +114,4 @@
114
114
  right: -1px;
115
115
  }
116
116
  }
117
- }
117
+ }
@@ -47,8 +47,8 @@
47
47
  height: $baseLineHeight;
48
48
  margin-bottom: $baseLineHeight;
49
49
  @include gradient-vertical(#f5f5f5, #f9f9f9);
50
- @include box-shadow(#{inset 0 1px 2px rgba(0,0,0,.1)});
51
- @include border-radius(4px);
50
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
51
+ @include border-radius($baseBorderRadius);
52
52
  }
53
53
 
54
54
  // Bar of progress
@@ -61,12 +61,12 @@
61
61
  text-align: center;
62
62
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
63
63
  @include gradient-vertical(#149bdf, #0480be);
64
- @include box-shadow(#{inset 0 -1px 0 rgba(0,0,0,.15)});
64
+ @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
65
65
  @include box-sizing(border-box);
66
66
  @include transition(width .6s ease);
67
67
  }
68
68
  .progress .bar + .bar {
69
- @include box-shadow(#{inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)});
69
+ @include box-shadow(inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15));
70
70
  }
71
71
 
72
72
  // Striped bars
@@ -119,4 +119,4 @@
119
119
  }
120
120
  .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
121
121
  @include gradient-striped(lighten($orange, 15%));
122
- }
122
+ }
@@ -1,5 +1,5 @@
1
1
  //
2
- // Modals
2
+ // Reset
3
3
  // Adapted from http://github.com/necolas/normalize.css
4
4
  // --------------------------------------------------
5
5
 
@@ -81,13 +81,15 @@ img {
81
81
  max-width: 100%; /* Part 1: Set a maxium relative to the parent */
82
82
  width: auto\9; /* IE7-8 need help adjusting responsive images */
83
83
  height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
84
+
84
85
  vertical-align: middle;
85
86
  border: 0;
86
87
  -ms-interpolation-mode: bicubic;
87
88
  }
88
89
 
89
90
  // Prevent max-width from affecting Google Maps
90
- #map_canvas img {
91
+ #map_canvas img,
92
+ .google-maps img {
91
93
  max-width: none;
92
94
  }
93
95
 
@@ -114,11 +116,11 @@ input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
114
116
  border: 0;
115
117
  }
116
118
  button,
117
- input[type="button"],
119
+ html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
118
120
  input[type="reset"],
119
121
  input[type="submit"] {
120
- cursor: pointer; // Cursors on all buttons applied consistently
121
- -webkit-appearance: button; // Style clickable inputs in iOS
122
+ -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
123
+ cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
122
124
  }
123
125
  input[type="search"] { // Appearance in Safari/Chrome
124
126
  -webkit-box-sizing: content-box;
@@ -133,4 +135,4 @@ input[type="search"]::-webkit-search-cancel-button {
133
135
  textarea {
134
136
  overflow: auto; // Remove vertical scrollbar in IE6-9
135
137
  vertical-align: top; // Readability and alignment cross-browser
136
- }
138
+ }
@@ -25,4 +25,4 @@
25
25
  margin-left: 0;
26
26
  }
27
27
 
28
- }
28
+ }