twitter-bootstrap-rails 2.1.1 → 2.1.2

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


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

Files changed (71) hide show
  1. data/README.md +14 -3
  2. data/app/helpers/bootstrap_flash_helper.rb +12 -0
  3. data/lib/generators/bootstrap/layout/templates/layout.html.erb +1 -0
  4. data/lib/generators/bootstrap/layout/templates/layout.html.haml +1 -0
  5. data/lib/generators/bootstrap/layout/templates/layout.html.slim +1 -0
  6. data/lib/generators/bootstrap/partial/partial_generator.rb +20 -0
  7. data/lib/generators/bootstrap/partial/templates/_login.html.erb +29 -0
  8. data/lib/generators/bootstrap/partial/templates/_navbar.html.erb +13 -0
  9. data/lib/generators/bootstrap/themed/templates/index.html.erb +1 -1
  10. data/lib/generators/bootstrap/themed/templates/index.html.haml +1 -1
  11. data/lib/generators/bootstrap/themed/templates/index.html.slim +1 -1
  12. data/lib/generators/bootstrap/themed/templates/show.html.erb +1 -1
  13. data/lib/generators/bootstrap/themed/templates/show.html.haml +1 -1
  14. data/lib/generators/bootstrap/themed/templates/show.html.slim +1 -1
  15. data/lib/twitter/bootstrap/rails/version.rb +1 -1
  16. data/vendor/assets/javascripts/twitter/bootstrap.js +1 -0
  17. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +104 -0
  18. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +1 -1
  19. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +1 -1
  20. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +12 -5
  21. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +4 -3
  22. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +66 -16
  23. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +95 -74
  24. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +9 -4
  25. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +9 -9
  26. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +2 -2
  27. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +15 -15
  28. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +2 -3
  29. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +51 -40
  30. data/vendor/toolkit/fontawesome.less +5 -5
  31. data/vendor/toolkit/twitter/bootstrap/accordion.less +3 -2
  32. data/vendor/toolkit/twitter/bootstrap/alerts.less +16 -9
  33. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +1 -1
  34. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +10 -10
  35. data/vendor/toolkit/twitter/bootstrap/button-groups.less +76 -23
  36. data/vendor/toolkit/twitter/bootstrap/buttons.less +85 -65
  37. data/vendor/toolkit/twitter/bootstrap/carousel.less +13 -3
  38. data/vendor/toolkit/twitter/bootstrap/close.less +4 -2
  39. data/vendor/toolkit/twitter/bootstrap/code.less +6 -5
  40. data/vendor/toolkit/twitter/bootstrap/component-animations.less +5 -2
  41. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +81 -14
  42. data/vendor/toolkit/twitter/bootstrap/forms.less +100 -48
  43. data/vendor/toolkit/twitter/bootstrap/grid.less +17 -1
  44. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +4 -2
  45. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +19 -2
  46. data/vendor/toolkit/twitter/bootstrap/layouts.less +1 -2
  47. data/vendor/toolkit/twitter/bootstrap/mixins.less +98 -73
  48. data/vendor/toolkit/twitter/bootstrap/modals.less +9 -2
  49. data/vendor/toolkit/twitter/bootstrap/navbar.less +238 -127
  50. data/vendor/toolkit/twitter/bootstrap/navs.less +38 -17
  51. data/vendor/toolkit/twitter/bootstrap/pager.less +5 -4
  52. data/vendor/toolkit/twitter/bootstrap/pagination.less +16 -8
  53. data/vendor/toolkit/twitter/bootstrap/popovers.less +101 -33
  54. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +18 -13
  55. data/vendor/toolkit/twitter/bootstrap/reset.less +6 -3
  56. data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +9 -7
  57. data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +86 -68
  58. data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +7 -5
  59. data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +18 -5
  60. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +17 -15
  61. data/vendor/toolkit/twitter/bootstrap/responsive.less +5 -5
  62. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +26 -4
  63. data/vendor/toolkit/twitter/bootstrap/sprites.less +15 -19
  64. data/vendor/toolkit/twitter/bootstrap/tables.less +60 -11
  65. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +9 -4
  66. data/vendor/toolkit/twitter/bootstrap/tooltip.less +47 -12
  67. data/vendor/toolkit/twitter/bootstrap/type.less +57 -92
  68. data/vendor/toolkit/twitter/bootstrap/utilities.less +9 -2
  69. data/vendor/toolkit/twitter/bootstrap/variables.less +100 -29
  70. data/vendor/toolkit/twitter/bootstrap/wells.less +7 -5
  71. metadata +16 -22
@@ -24,11 +24,11 @@
24
24
 
25
25
  @font-face {
26
26
  font-family: 'FontAwesome';
27
- src: asset-url(@fontAwesomeEotPath);
28
- src: asset-url("@{fontAwesomeEotPath}?#iefix") format('embedded-opentype'),
29
- asset-url(@fontAwesomeWoffPath) format('woff'),
30
- asset-url(@fontAwesomeTtfPath) format('truetype'),
31
- asset-url('@{fontAwesomeSvgPath}#FontAwesome') format('svg');
27
+ src: url(@fontAwesomeEotPath);
28
+ src: url('@{fontAwesomeEotPath}?#iefix'),
29
+ url(@fontAwesomeWoffPath),
30
+ url(@fontAwesomeTtfPath),
31
+ url('@{fontAwesomeSvgPath}#FontAwesome');
32
32
  font-weight: normal;
33
33
  font-style: normal;
34
34
  }
@@ -1,5 +1,6 @@
1
- // ACCORDION
2
- // ---------
1
+ //
2
+ // Accordion
3
+ // --------------------------------------------------
3
4
 
4
5
 
5
6
  // Parent container
@@ -1,7 +1,11 @@
1
- // ALERT STYLES
2
- // ------------
1
+ //
2
+ // Alerts
3
+ // --------------------------------------------------
4
+
5
+
6
+ // Base styles
7
+ // -------------------------
3
8
 
4
- // Base alert styles
5
9
  .alert {
6
10
  padding: 8px 35px 8px 14px;
7
11
  margin-bottom: @baseLineHeight;
@@ -11,8 +15,8 @@
11
15
  .border-radius(4px);
12
16
  color: @warningText;
13
17
  }
14
- .alert-heading {
15
- color: inherit;
18
+ .alert h4 {
19
+ margin: 0;
16
20
  }
17
21
 
18
22
  // Adjust close link position
@@ -20,15 +24,16 @@
20
24
  position: relative;
21
25
  top: -2px;
22
26
  right: -21px;
23
- line-height: 18px;
27
+ line-height: @baseLineHeight;
24
28
  }
25
29
 
30
+
26
31
  // Alternate styles
27
- // ----------------
32
+ // -------------------------
28
33
 
29
34
  .alert-success {
30
35
  background-color: @successBackground;
31
- border-color: @successBorder;
36
+ border-color: @successBorder;
32
37
  color: @successText;
33
38
  }
34
39
  .alert-danger,
@@ -43,8 +48,10 @@
43
48
  color: @infoText;
44
49
  }
45
50
 
51
+
46
52
  // Block alerts
47
- // ------------------------
53
+ // -------------------------
54
+
48
55
  .alert-block {
49
56
  padding-top: 14px;
50
57
  padding-bottom: 14px;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap v2.0.4
2
+ * Bootstrap v2.1.0
3
3
  *
4
4
  * Copyright 2012 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
@@ -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
- #gradient > .vertical(@white, #f5f5f5);
9
- border: 1px solid #ddd;
10
- .border-radius(3px);
11
- .box-shadow(inset 0 1px 0 @white);
10
+ background-color: #f5f5f5;
11
+ .border-radius(4px);
12
12
  li {
13
13
  display: inline-block;
14
14
  .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
- .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
  .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
  .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
  .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;
@@ -91,24 +116,28 @@
91
116
  // ----------------------
92
117
 
93
118
  // Give the line between buttons some depth
94
- .btn-group > .dropdown-toggle {
119
+ .btn-group > .btn + .dropdown-toggle {
95
120
  padding-left: 8px;
96
121
  padding-right: 8px;
97
122
  .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)");
98
- *padding-top: 4px;
99
- *padding-bottom: 4px;
123
+ *padding-top: 5px;
124
+ *padding-bottom: 5px;
100
125
  }
101
- .btn-group > .btn-mini.dropdown-toggle {
126
+ .btn-group > .btn-mini + .dropdown-toggle {
102
127
  padding-left: 5px;
103
128
  padding-right: 5px;
129
+ *padding-top: 2px;
130
+ *padding-bottom: 2px;
104
131
  }
105
- .btn-group > .btn-small.dropdown-toggle {
106
- *padding-top: 4px;
132
+ .btn-group > .btn-small + .dropdown-toggle {
133
+ *padding-top: 5px;
107
134
  *padding-bottom: 4px;
108
135
  }
109
- .btn-group > .btn-large.dropdown-toggle {
136
+ .btn-group > .btn-large + .dropdown-toggle {
110
137
  padding-left: 12px;
111
138
  padding-right: 12px;
139
+ *padding-top: 7px;
140
+ *padding-bottom: 7px;
112
141
  }
113
142
 
114
143
  .btn-group.open {
@@ -147,22 +176,16 @@
147
176
 
148
177
  // Reposition the caret
149
178
  .btn .caret {
150
- margin-top: 7px;
179
+ margin-top: 8px;
151
180
  margin-left: 0;
152
181
  }
153
- .btn:hover .caret,
154
- .open.btn-group .caret {
155
- .opacity(100);
156
- }
157
182
  // Carets in other button sizes
158
- .btn-mini .caret {
159
- margin-top: 5px;
160
- }
161
- .btn-small .caret {
183
+ .btn-mini .caret,
184
+ .btn-small .caret,
185
+ .btn-large .caret {
162
186
  margin-top: 6px;
163
187
  }
164
188
  .btn-large .caret {
165
- margin-top: 6px;
166
189
  border-left-width: 5px;
167
190
  border-right-width: 5px;
168
191
  border-top-width: 5px;
@@ -185,7 +208,37 @@
185
208
  .caret {
186
209
  border-top-color: @white;
187
210
  border-bottom-color: @white;
188
- .opacity(75);
189
211
  }
190
212
  }
191
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
+ .ie7-inline-block();
222
+ }
223
+ .btn-group-vertical .btn {
224
+ display: block;
225
+ float: none;
226
+ width: 100%;
227
+ .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
+ .border-radius(4px 4px 0 0);
235
+ }
236
+ .btn-group-vertical .btn:last-child {
237
+ .border-radius(0 0 4px 4px);
238
+ }
239
+ .btn-group-vertical .btn-large:first-child {
240
+ .border-radius(6px 6px 0 0);
241
+ }
242
+ .btn-group-vertical .btn-large:last-child {
243
+ .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,64 +10,64 @@
9
10
  .btn {
10
11
  display: inline-block;
11
12
  .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
- .buttonBackground(@btnBackground, @btnBackgroundHighlight);
21
+ .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
  .border-radius(4px);
27
26
  .ie7-restore-left-whitespace(); // Give IE7 some love
28
27
  .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
+ .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
- .transition(background-position .1s linear);
42
- }
42
+ // Focus state for keyboard and accessibility
43
+ &:focus {
44
+ .tab-focus();
45
+ }
43
46
 
44
- // Focus state for keyboard and accessibility
45
- .btn:focus {
46
- .tab-focus();
47
- }
47
+ // Active state
48
+ &.active,
49
+ &:active {
50
+ background-color: darken(@white, 10%);
51
+ background-color: darken(@white, 15%) e("\9");
52
+ background-image: none;
53
+ outline: 0;
54
+ .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,
51
- .btn:active {
52
- background-color: darken(@white, 10%);
53
- background-color: darken(@white, 15%) e("\9");
54
- background-image: none;
55
- outline: 0;
56
- .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
57
- }
57
+ // Disabled state
58
+ &.disabled,
59
+ &[disabled] {
60
+ cursor: default;
61
+ background-color: darken(@white, 10%);
62
+ background-image: none;
63
+ .opacity(65);
64
+ .box-shadow(none);
65
+ }
58
66
 
59
- // Disabled state
60
- .btn.disabled,
61
- .btn[disabled] {
62
- cursor: default;
63
- background-color: darken(@white, 10%);
64
- background-image: none;
65
- .opacity(65);
66
- .box-shadow(none);
67
67
  }
68
68
 
69
69
 
70
+
70
71
  // Button Sizes
71
72
  // --------------------------------------------------
72
73
 
@@ -78,47 +79,42 @@
78
79
  .border-radius(5px);
79
80
  }
80
81
  .btn-large [class^="icon-"] {
81
- margin-top: 1px;
82
+ margin-top: 2px;
82
83
  }
83
84
 
84
85
  // Small
85
86
  .btn-small {
86
- padding: 5px 9px;
87
+ padding: 3px 9px;
87
88
  font-size: @baseFontSize - 2px;
88
89
  line-height: @baseLineHeight - 2px;
89
90
  }
90
91
  .btn-small [class^="icon-"] {
91
- margin-top: -1px;
92
+ margin-top: 0;
92
93
  }
93
94
 
94
95
  // Mini
95
96
  .btn-mini {
96
97
  padding: 2px 6px;
97
- font-size: @baseFontSize - 2px;
98
+ font-size: @baseFontSize - 3px;
98
99
  line-height: @baseLineHeight - 4px;
99
100
  }
100
101
 
102
+ // Block button
103
+ .btn-block {
104
+ display: block;
105
+ width: 100%;
106
+ padding-left: 0;
107
+ padding-right: 0;
108
+ .box-sizing(border-box);
109
+ }
110
+ .btn-block + .btn-block {
111
+ margin-top: 5px;
112
+ }
113
+
101
114
 
102
115
  // Alternate buttons
103
116
  // --------------------------------------------------
104
117
 
105
- // Set text color
106
- // -------------------------
107
- .btn-primary,
108
- .btn-primary:hover,
109
- .btn-warning,
110
- .btn-warning:hover,
111
- .btn-danger,
112
- .btn-danger:hover,
113
- .btn-success,
114
- .btn-success:hover,
115
- .btn-info,
116
- .btn-info:hover,
117
- .btn-inverse,
118
- .btn-inverse:hover {
119
- color: @white;
120
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
121
- }
122
118
  // Provide *some* extra contrast for those who can get it
123
119
  .btn-primary.active,
124
120
  .btn-warning.active,
@@ -133,8 +129,8 @@
133
129
  // -------------------------
134
130
  .btn {
135
131
  // reset here as of 2.0.3 due to Recess property order
136
- border-color: #ccc;
137
- 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);
138
134
  }
139
135
  .btn-primary {
140
136
  .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
@@ -174,8 +170,9 @@ input[type="submit"].btn {
174
170
  }
175
171
 
176
172
  // IE7 has some default padding on button controls
177
- *padding-top: 2px;
178
- *padding-bottom: 2px;
173
+ *padding-top: 3px;
174
+ *padding-bottom: 3px;
175
+
179
176
  &.btn-large {
180
177
  *padding-top: 7px;
181
178
  *padding-bottom: 7px;
@@ -189,3 +186,26 @@ input[type="submit"].btn {
189
186
  *padding-bottom: 1px;
190
187
  }
191
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
+ .box-shadow(none);
200
+ }
201
+ .btn-link {
202
+ border-color: transparent;
203
+ cursor: pointer;
204
+ color: @linkColor;
205
+ .border-radius(0);
206
+ }
207
+ .btn-link:hover {
208
+ color: @linkColorHover;
209
+ text-decoration: underline;
210
+ background-color: transparent;
211
+ }