bootstrap-sass 2.0.4.2 → 2.1.0.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 (57) hide show
  1. data/README.md +3 -6
  2. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  3. data/vendor/assets/javascripts/bootstrap-affix.js +104 -0
  4. data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
  5. data/vendor/assets/javascripts/bootstrap-button.js +1 -1
  6. data/vendor/assets/javascripts/bootstrap-carousel.js +12 -5
  7. data/vendor/assets/javascripts/bootstrap-collapse.js +4 -3
  8. data/vendor/assets/javascripts/bootstrap-dropdown.js +66 -16
  9. data/vendor/assets/javascripts/bootstrap-modal.js +95 -74
  10. data/vendor/assets/javascripts/bootstrap-popover.js +9 -4
  11. data/vendor/assets/javascripts/bootstrap-scrollspy.js +9 -9
  12. data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
  13. data/vendor/assets/javascripts/bootstrap-tooltip.js +15 -15
  14. data/vendor/assets/javascripts/bootstrap-transition.js +2 -3
  15. data/vendor/assets/javascripts/bootstrap-typeahead.js +51 -36
  16. data/vendor/assets/javascripts/bootstrap.js +1 -0
  17. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +15 -8
  18. data/vendor/assets/stylesheets/_bootstrap.scss +2 -2
  19. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +3 -2
  20. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +19 -10
  21. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +11 -11
  22. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +94 -28
  23. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +94 -54
  24. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +22 -7
  25. data/vendor/assets/stylesheets/bootstrap/_close.scss +5 -3
  26. data/vendor/assets/stylesheets/bootstrap/_code.scss +8 -6
  27. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +7 -4
  28. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +90 -17
  29. data/vendor/assets/stylesheets/bootstrap/_forms.scss +243 -90
  30. data/vendor/assets/stylesheets/bootstrap/_grid.scss +17 -2
  31. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +4 -2
  32. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +25 -5
  33. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +1 -2
  34. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +143 -134
  35. data/vendor/assets/stylesheets/bootstrap/_modals.scss +13 -6
  36. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +263 -141
  37. data/vendor/assets/stylesheets/bootstrap/_navs.scss +75 -31
  38. data/vendor/assets/stylesheets/bootstrap/_pager.scss +7 -5
  39. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +22 -11
  40. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +101 -33
  41. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +23 -19
  42. data/vendor/assets/stylesheets/bootstrap/_reset.scss +35 -11
  43. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +9 -7
  44. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +103 -72
  45. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +8 -5
  46. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +26 -9
  47. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +17 -15
  48. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +26 -4
  49. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +19 -9
  50. data/vendor/assets/stylesheets/bootstrap/_tables.scss +94 -23
  51. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +10 -7
  52. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +47 -12
  53. data/vendor/assets/stylesheets/bootstrap/_type.scss +71 -89
  54. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +9 -2
  55. data/vendor/assets/stylesheets/bootstrap/_variables.scss +108 -68
  56. data/vendor/assets/stylesheets/bootstrap/_wells.scss +8 -6
  57. metadata +3 -2
@@ -1,14 +1,14 @@
1
- // BREADCRUMBS
2
- // -----------
1
+ //
2
+ // Breadcrumbs
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  .breadcrumb {
5
- padding: 7px 14px;
7
+ padding: 8px 15px;
6
8
  margin: 0 0 $baseLineHeight;
7
9
  list-style: none;
8
- @include gradient-vertical($white, #f5f5f5);
9
- border: 1px solid #ddd;
10
- @include border-radius(3px);
11
- @include box-shadow(inset 0 1px 0 $white);
10
+ background-color: #f5f5f5;
11
+ @include border-radius(4px);
12
12
  li {
13
13
  display: inline-block;
14
14
  @include ie7-inline-block();
@@ -16,9 +16,9 @@
16
16
  }
17
17
  .divider {
18
18
  padding: 0 5px;
19
- color: $grayLight;
19
+ color: #ccc;
20
20
  }
21
- .active a {
22
- color: $grayDark;
21
+ .active {
22
+ color: $grayLight;
23
23
  }
24
- }
24
+ }
@@ -1,11 +1,13 @@
1
- // BUTTON GROUPS
2
- // -------------
1
+ //
2
+ // Button groups
3
+ // --------------------------------------------------
3
4
 
4
5
 
5
6
  // Make the div behave like a button
6
7
  .btn-group {
7
8
  position: relative;
8
- @include clearfix(); // clears the floated buttons
9
+ font-size: 0; // remove as part 1 of font-size inline-block hack
10
+ white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)
9
11
  @include ie7-restore-left-whitespace();
10
12
  }
11
13
 
@@ -16,21 +18,44 @@
16
18
 
17
19
  // Optional: Group multiple button groups together for a toolbar
18
20
  .btn-toolbar {
21
+ font-size: 0; // Hack to remove whitespace that results from using inline-block
19
22
  margin-top: $baseLineHeight / 2;
20
23
  margin-bottom: $baseLineHeight / 2;
21
24
  .btn-group {
22
25
  display: inline-block;
23
26
  @include ie7-inline-block();
24
27
  }
28
+ .btn + .btn,
29
+ .btn-group + .btn,
30
+ .btn + .btn-group {
31
+ margin-left: 5px;
32
+ }
25
33
  }
26
34
 
27
35
  // Float them, remove border radius, then re-add to first and last elements
28
36
  .btn-group > .btn {
29
37
  position: relative;
30
- float: left;
31
- margin-left: -1px;
32
38
  @include border-radius(0);
33
39
  }
40
+ .btn-group > .btn + .btn {
41
+ margin-left: -1px;
42
+ }
43
+ .btn-group > .btn,
44
+ .btn-group > .dropdown-menu {
45
+ font-size: $baseFontSize; // redeclare as part 2 of font-size inline-block hack
46
+ }
47
+
48
+ // Reset fonts for other sizes
49
+ .btn-group > .btn-mini {
50
+ font-size: 11px;
51
+ }
52
+ .btn-group > .btn-small {
53
+ font-size: 12px;
54
+ }
55
+ .btn-group > .btn-large {
56
+ font-size: 16px;
57
+ }
58
+
34
59
  // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
35
60
  .btn-group > .btn:first-child {
36
61
  margin-left: 0;
@@ -42,7 +67,8 @@
42
67
  border-bottom-left-radius: 4px;
43
68
  }
44
69
  // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
45
- .btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
70
+ .btn-group > .btn:last-child,
71
+ .btn-group > .dropdown-toggle {
46
72
  -webkit-border-top-right-radius: 4px;
47
73
  -moz-border-radius-topright: 4px;
48
74
  border-top-right-radius: 4px;
@@ -60,7 +86,8 @@
60
86
  -moz-border-radius-bottomleft: 6px;
61
87
  border-bottom-left-radius: 6px;
62
88
  }
63
- .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
89
+ .btn-group > .btn.large:last-child,
90
+ .btn-group > .large.dropdown-toggle {
64
91
  -webkit-border-top-right-radius: 6px;
65
92
  -moz-border-radius-topright: 6px;
66
93
  border-top-right-radius: 6px;
@@ -70,12 +97,16 @@
70
97
  }
71
98
 
72
99
  // On hover/focus/active, bring the proper btn to front
73
- .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
100
+ .btn-group > .btn:hover,
101
+ .btn-group > .btn:focus,
102
+ .btn-group > .btn:active,
103
+ .btn-group > .btn.active {
74
104
  z-index: 2;
75
105
  }
76
106
 
77
107
  // On active and open, don't show outline
78
- .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
108
+ .btn-group .dropdown-toggle:active,
109
+ .btn-group.open .dropdown-toggle {
79
110
  outline: 0;
80
111
  }
81
112
 
@@ -85,24 +116,28 @@
85
116
  // ----------------------
86
117
 
87
118
  // Give the line between buttons some depth
88
- .btn-group > .dropdown-toggle {
119
+ .btn-group > .btn + .dropdown-toggle {
89
120
  padding-left: 8px;
90
121
  padding-right: 8px;
91
122
  @include box-shadow(#{inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)});
92
- *padding-top: 4px;
93
- *padding-bottom: 4px;
123
+ *padding-top: 5px;
124
+ *padding-bottom: 5px;
94
125
  }
95
- .btn-group > .btn-mini.dropdown-toggle {
126
+ .btn-group > .btn-mini + .dropdown-toggle {
96
127
  padding-left: 5px;
97
128
  padding-right: 5px;
129
+ *padding-top: 2px;
130
+ *padding-bottom: 2px;
98
131
  }
99
- .btn-group > .btn-small.dropdown-toggle {
100
- *padding-top: 4px;
132
+ .btn-group > .btn-small + .dropdown-toggle {
133
+ *padding-top: 5px;
101
134
  *padding-bottom: 4px;
102
135
  }
103
- .btn-group > .btn-large.dropdown-toggle {
136
+ .btn-group > .btn-large + .dropdown-toggle {
104
137
  padding-left: 12px;
105
138
  padding-right: 12px;
139
+ *padding-top: 7px;
140
+ *padding-bottom: 7px;
106
141
  }
107
142
 
108
143
  .btn-group.open {
@@ -141,21 +176,16 @@
141
176
 
142
177
  // Reposition the caret
143
178
  .btn .caret {
144
- margin-top: 7px;
179
+ margin-top: 8px;
145
180
  margin-left: 0;
146
181
  }
147
- .btn:hover .caret, .open.btn-group .caret {
148
- @include opacity(1);
149
- }
150
182
  // Carets in other button sizes
151
- .btn-mini .caret {
152
- margin-top: 5px;
153
- }
154
- .btn-small .caret {
183
+ .btn-mini .caret,
184
+ .btn-small .caret,
185
+ .btn-large .caret {
155
186
  margin-top: 6px;
156
187
  }
157
188
  .btn-large .caret {
158
- margin-top: 6px;
159
189
  border-left-width: 5px;
160
190
  border-right-width: 5px;
161
191
  border-top-width: 5px;
@@ -169,10 +199,46 @@
169
199
 
170
200
 
171
201
  // Account for other colors
172
- .btn-primary, .btn-warning, .btn-danger, .btn-info, .btn-success, .btn-inverse {
202
+ .btn-primary,
203
+ .btn-warning,
204
+ .btn-danger,
205
+ .btn-info,
206
+ .btn-success,
207
+ .btn-inverse {
173
208
  .caret {
174
209
  border-top-color: $white;
175
210
  border-bottom-color: $white;
176
- @include opacity(0.75);
177
211
  }
178
- }
212
+ }
213
+
214
+
215
+
216
+ // Vertical button groups
217
+ // ----------------------
218
+
219
+ .btn-group-vertical {
220
+ display: inline-block; // makes buttons only take up the width they need
221
+ @include ie7-inline-block();
222
+ }
223
+ .btn-group-vertical .btn {
224
+ display: block;
225
+ float: none;
226
+ width: 100%;
227
+ @include border-radius(0);
228
+ }
229
+ .btn-group-vertical .btn + .btn {
230
+ margin-left: 0;
231
+ margin-top: -1px;
232
+ }
233
+ .btn-group-vertical .btn:first-child {
234
+ @include border-radius(4px 4px 0 0);
235
+ }
236
+ .btn-group-vertical .btn:last-child {
237
+ @include border-radius(0 0 4px 4px);
238
+ }
239
+ .btn-group-vertical .btn-large:first-child {
240
+ @include border-radius(6px 6px 0 0);
241
+ }
242
+ .btn-group-vertical .btn-large:last-child {
243
+ @include border-radius(0 0 6px 6px);
244
+ }
@@ -1,5 +1,6 @@
1
- // BUTTON STYLES
2
- // -------------
1
+ //
2
+ // Buttons
3
+ // --------------------------------------------------
3
4
 
4
5
 
5
6
  // Base styles
@@ -9,62 +10,64 @@
9
10
  .btn {
10
11
  display: inline-block;
11
12
  @include ie7-inline-block();
12
- padding: 4px 10px 4px;
13
+ padding: 4px 14px;
13
14
  margin-bottom: 0; // For input.btn
14
15
  font-size: $baseFontSize;
15
16
  line-height: $baseLineHeight;
16
- *line-height: 20px;
17
- color: $grayDark;
17
+ *line-height: $baseLineHeight;
18
18
  text-align: center;
19
- text-shadow: 0 1px 1px rgba(255,255,255,.75);
20
19
  vertical-align: middle;
21
20
  cursor: pointer;
22
- @include buttonBackground($btnBackground, $btnBackgroundHighlight);
21
+ @include buttonBackground($btnBackground, $btnBackgroundHighlight, $grayDark, 0 1px 1px rgba(255,255,255,.75));
23
22
  border: 1px solid $btnBorder;
24
23
  *border: 0; // Remove the border to prevent IE7's black border on input:focus
25
24
  border-bottom-color: darken($btnBorder, 10%);
26
25
  @include border-radius(4px);
27
26
  @include ie7-restore-left-whitespace(); // Give IE7 some love
28
27
  @include box-shadow(#{inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)});
29
- }
30
28
 
31
- // Hover state
32
- .btn:hover {
33
- color: $grayDark;
34
- text-decoration: none;
35
- background-color: darken($white, 10%);
36
- *background-color: darken($white, 15%); // Buttons in IE7 don't get borders, so darken on hover
37
- background-position: 0 -15px;
29
+ // Hover state
30
+ &:hover {
31
+ color: $grayDark;
32
+ text-decoration: none;
33
+ background-color: darken($white, 10%);
34
+ *background-color: darken($white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
35
+ background-position: 0 -15px;
36
+
37
+ // transition is only when going to hover, otherwise the background
38
+ // behind the gradient (there for IE<=9 fallback) gets mismatched
39
+ @include transition(background-position .1s linear);
40
+ }
38
41
 
39
- // transition is only when going to hover, otherwise the background
40
- // behind the gradient (there for IE<=9 fallback) gets mismatched
41
- @include transition(background-position .1s linear);
42
- }
42
+ // Focus state for keyboard and accessibility
43
+ &:focus {
44
+ @include tab-focus();
45
+ }
43
46
 
44
- // Focus state for keyboard and accessibility
45
- .btn:focus {
46
- @include tab-focus();
47
- }
47
+ // Active state
48
+ &.active,
49
+ &:active {
50
+ background-color: darken($white, 10%);
51
+ background-color: darken($white, 15%) \9;
52
+ background-image: none;
53
+ outline: 0;
54
+ @include box-shadow(#{inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)});
55
+ }
48
56
 
49
- // Active state
50
- .btn.active, .btn:active {
51
- background-color: darken($white, 10%);
52
- background-color: darken($white, 15%) \9;
53
- background-image: none;
54
- outline: 0;
55
- @include box-shadow(#{inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)});
56
- }
57
+ // Disabled state
58
+ &.disabled,
59
+ &[disabled] {
60
+ cursor: default;
61
+ background-color: darken($white, 10%);
62
+ background-image: none;
63
+ @include opacity(0.65);
64
+ @include box-shadow(none);
65
+ }
57
66
 
58
- // Disabled state
59
- .btn.disabled, .btn[disabled] {
60
- cursor: default;
61
- background-color: darken($white, 10%);
62
- background-image: none;
63
- @include opacity(0.65);
64
- @include box-shadow(none);
65
67
  }
66
68
 
67
69
 
70
+
68
71
  // Button Sizes
69
72
  // --------------------------------------------------
70
73
 
@@ -76,38 +79,49 @@
76
79
  @include border-radius(5px);
77
80
  }
78
81
  .btn-large [class^="icon-"] {
79
- margin-top: 1px;
82
+ margin-top: 2px;
80
83
  }
81
84
 
82
85
  // Small
83
86
  .btn-small {
84
- padding: 5px 9px;
87
+ padding: 3px 9px;
85
88
  font-size: $baseFontSize - 2px;
86
89
  line-height: $baseLineHeight - 2px;
87
90
  }
88
91
  .btn-small [class^="icon-"] {
89
- margin-top: -1px;
92
+ margin-top: 0;
90
93
  }
91
94
 
92
95
  // Mini
93
96
  .btn-mini {
94
97
  padding: 2px 6px;
95
- font-size: $baseFontSize - 2px;
98
+ font-size: $baseFontSize - 3px;
96
99
  line-height: $baseLineHeight - 4px;
97
100
  }
98
101
 
102
+ // Block button
103
+ .btn-block {
104
+ display: block;
105
+ width: 100%;
106
+ padding-left: 0;
107
+ padding-right: 0;
108
+ @include box-sizing(border-box);
109
+ }
110
+ .btn-block + .btn-block {
111
+ margin-top: 5px;
112
+ }
113
+
99
114
 
100
115
  // Alternate buttons
101
116
  // --------------------------------------------------
102
117
 
103
- // Set text color
104
- // -------------------------
105
- .btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
106
- color: $white;
107
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
108
- }
109
118
  // Provide *some* extra contrast for those who can get it
110
- .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
119
+ .btn-primary.active,
120
+ .btn-warning.active,
121
+ .btn-danger.active,
122
+ .btn-success.active,
123
+ .btn-info.active,
124
+ .btn-inverse.active {
111
125
  color: rgba(255,255,255,.75);
112
126
  }
113
127
 
@@ -115,8 +129,8 @@
115
129
  // -------------------------
116
130
  .btn {
117
131
  // reset here as of 2.0.3 due to Recess property order
118
- border-color: #ccc;
119
- border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
132
+ border-color: #c5c5c5;
133
+ border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) rgba(0,0,0,.25);
120
134
  }
121
135
  .btn-primary {
122
136
  @include buttonBackground($btnPrimaryBackground, $btnPrimaryBackgroundHighlight);
@@ -137,6 +151,7 @@
137
151
  .btn-info {
138
152
  @include buttonBackground($btnInfoBackground, $btnInfoBackgroundHighlight);
139
153
  }
154
+ // Inverse appears as dark gray
140
155
  .btn-inverse {
141
156
  @include buttonBackground($btnInverseBackground, $btnInverseBackgroundHighlight);
142
157
  }
@@ -145,7 +160,8 @@
145
160
  // Cross-browser Jank
146
161
  // --------------------------------------------------
147
162
 
148
- button.btn, input[type="submit"].btn {
163
+ button.btn,
164
+ input[type="submit"].btn {
149
165
 
150
166
  // Firefox 3.6 only I believe
151
167
  &::-moz-focus-inner {
@@ -154,8 +170,9 @@ button.btn, input[type="submit"].btn {
154
170
  }
155
171
 
156
172
  // IE7 has some default padding on button controls
157
- *padding-top: 2px;
158
- *padding-bottom: 2px;
173
+ *padding-top: 3px;
174
+ *padding-bottom: 3px;
175
+
159
176
  &.btn-large {
160
177
  *padding-top: 7px;
161
178
  *padding-bottom: 7px;
@@ -169,3 +186,26 @@ button.btn, input[type="submit"].btn {
169
186
  *padding-bottom: 1px;
170
187
  }
171
188
  }
189
+
190
+
191
+ // Link buttons
192
+ // --------------------------------------------------
193
+
194
+ // Make a button look and behave like a link
195
+ .btn-link,
196
+ .btn-link:active {
197
+ background-color: transparent;
198
+ background-image: none;
199
+ @include box-shadow(none);
200
+ }
201
+ .btn-link {
202
+ border-color: transparent;
203
+ cursor: pointer;
204
+ color: $linkColor;
205
+ @include border-radius(0);
206
+ }
207
+ .btn-link:hover {
208
+ color: $linkColorHover;
209
+ text-decoration: underline;
210
+ background-color: transparent;
211
+ }