bootstrap-sass 2.1.1.0 → 2.2.1.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 (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
+ }