bootstrap-sass-rails 3.0.0.3 → 3.1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (72) hide show
  1. data/LICENSE +1 -1
  2. data/README.md +24 -113
  3. data/app/assets/javascripts/twitter/bootstrap/affix.js +1 -126
  4. data/app/assets/javascripts/twitter/bootstrap/alert.js +1 -98
  5. data/app/assets/javascripts/twitter/bootstrap/button.js +1 -109
  6. data/app/assets/javascripts/twitter/bootstrap/carousel.js +1 -217
  7. data/app/assets/javascripts/twitter/bootstrap/collapse.js +1 -179
  8. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +1 -154
  9. data/app/assets/javascripts/twitter/bootstrap/modal.js +1 -246
  10. data/app/assets/javascripts/twitter/bootstrap/popover.js +1 -117
  11. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +1 -158
  12. data/app/assets/javascripts/twitter/bootstrap/tab.js +1 -135
  13. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +1 -386
  14. data/app/assets/javascripts/twitter/bootstrap/transition.js +1 -56
  15. data/app/assets/javascripts/twitter/bootstrap.js +1 -12
  16. data/app/assets/stylesheets/twitter/bootstrap/_alerts.scss +1 -67
  17. data/app/assets/stylesheets/twitter/bootstrap/_badges.scss +1 -51
  18. data/app/assets/stylesheets/twitter/bootstrap/_breadcrumbs.scss +1 -23
  19. data/app/assets/stylesheets/twitter/bootstrap/_button-groups.scss +1 -248
  20. data/app/assets/stylesheets/twitter/bootstrap/_buttons.scss +1 -160
  21. data/app/assets/stylesheets/twitter/bootstrap/_carousel.scss +1 -209
  22. data/app/assets/stylesheets/twitter/bootstrap/_close.scss +1 -33
  23. data/app/assets/stylesheets/twitter/bootstrap/_code.scss +1 -56
  24. data/app/assets/stylesheets/twitter/bootstrap/_component-animations.scss +1 -29
  25. data/app/assets/stylesheets/twitter/bootstrap/_dropdowns.scss +1 -193
  26. data/app/assets/stylesheets/twitter/bootstrap/_forms.scss +1 -350
  27. data/app/assets/stylesheets/twitter/bootstrap/_glyphicons.scss +1 -232
  28. data/app/assets/stylesheets/twitter/bootstrap/_grid.scss +1 -346
  29. data/app/assets/stylesheets/twitter/bootstrap/_input-groups.scss +1 -127
  30. data/app/assets/stylesheets/twitter/bootstrap/_jumbotron.scss +1 -40
  31. data/app/assets/stylesheets/twitter/bootstrap/_labels.scss +1 -58
  32. data/app/assets/stylesheets/twitter/bootstrap/_list-group.scss +1 -89
  33. data/app/assets/stylesheets/twitter/bootstrap/_media.scss +1 -56
  34. data/app/assets/stylesheets/twitter/bootstrap/_mixins.scss +1 -736
  35. data/app/assets/stylesheets/twitter/bootstrap/_modals.scss +1 -145
  36. data/app/assets/stylesheets/twitter/bootstrap/_navbar.scss +1 -625
  37. data/app/assets/stylesheets/twitter/bootstrap/_navs.scss +1 -229
  38. data/app/assets/stylesheets/twitter/bootstrap/_normalize.scss +1 -396
  39. data/app/assets/stylesheets/twitter/bootstrap/_pager.scss +1 -55
  40. data/app/assets/stylesheets/twitter/bootstrap/_pagination.scss +1 -83
  41. data/app/assets/stylesheets/twitter/bootstrap/_panels.scss +1 -148
  42. data/app/assets/stylesheets/twitter/bootstrap/_popovers.scss +1 -133
  43. data/app/assets/stylesheets/twitter/bootstrap/_print.scss +1 -100
  44. data/app/assets/stylesheets/twitter/bootstrap/_progress-bars.scss +1 -95
  45. data/app/assets/stylesheets/twitter/bootstrap/_responsive-utilities.scss +1 -209
  46. data/app/assets/stylesheets/twitter/bootstrap/_scaffolding.scss +1 -130
  47. data/app/assets/stylesheets/twitter/bootstrap/_tables.scss +1 -236
  48. data/app/assets/stylesheets/twitter/bootstrap/_theme.scss +1 -232
  49. data/app/assets/stylesheets/twitter/bootstrap/_thumbnails.scss +1 -31
  50. data/app/assets/stylesheets/twitter/bootstrap/_tooltip.scss +1 -95
  51. data/app/assets/stylesheets/twitter/bootstrap/_type.scss +1 -238
  52. data/app/assets/stylesheets/twitter/bootstrap/_utilities.scss +1 -42
  53. data/app/assets/stylesheets/twitter/bootstrap/_variables.scss +1 -620
  54. data/app/assets/stylesheets/twitter/bootstrap/_wells.scss +1 -29
  55. data/app/assets/stylesheets/twitter/bootstrap.css.scss +1 -59
  56. data/lib/bootstrap/sass/rails/engine.rb +4 -1
  57. data/lib/bootstrap/sass/rails/version.rb +2 -1
  58. data/lib/bootstrap-sass-rails.rb +1 -1
  59. data/lib/generators/bootstrap/customize_generator.rb +37 -0
  60. data/lib/generators/bootstrap/templates/USAGE +23 -0
  61. data/lib/generators/bootstrap/templates/bootstrap-custom.css.scss +18 -0
  62. data/lib/generators/bootstrap/templates/bootstrap-custom.js +3 -0
  63. data/test/cases/less_to_sass_spec.rb +1 -1
  64. data/test/cases/usage_css_spec.rb +0 -3
  65. metadata +60 -18
  66. checksums.yaml +0 -15
  67. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.eot +0 -0
  68. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.svg +0 -228
  69. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  70. data/app/assets/fonts/twitter/bootstrap/glyphicons-halflings-regular.woff +0 -0
  71. data/lib/bootstrap/sass/extensions/functions.rb +0 -15
  72. data/lib/bootstrap/sass/extensions.rb +0 -5
@@ -1,29 +1 @@
1
- //
2
- // Component animations
3
- // --------------------------------------------------
4
-
5
- // Heads up!
6
- //
7
- // We don't use the `.opacity()` mixin here since it causes a bug with text
8
- // fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
9
-
10
- .fade {
11
- opacity: 0;
12
- @include transition(opacity .15s linear);
13
- &.in {
14
- opacity: 1;
15
- }
16
- }
17
-
18
- .collapse {
19
- display: none;
20
- &.in {
21
- display: block;
22
- }
23
- }
24
- .collapsing {
25
- position: relative;
26
- height: 0;
27
- overflow: hidden;
28
- @include transition(height .35s ease);
29
- }
1
+ @import "bootstrap/component-animations";
@@ -1,193 +1 @@
1
- //
2
- // Dropdown menus
3
- // --------------------------------------------------
4
-
5
-
6
- // Dropdown arrow/caret
7
- .caret {
8
- display: inline-block;
9
- width: 0;
10
- height: 0;
11
- margin-left: 2px;
12
- vertical-align: middle;
13
- border-top: $caret-width-base solid $dropdown-caret-color;
14
- border-right: $caret-width-base solid transparent;
15
- border-left: $caret-width-base solid transparent;
16
- // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed,
17
- // we can just straight up remove this.
18
- border-bottom: 0 dotted;
19
- content: "";
20
- }
21
-
22
- // The dropdown wrapper (div)
23
- .dropdown {
24
- position: relative;
25
- }
26
-
27
- // Prevent the focus on the dropdown toggle when closing dropdowns
28
- .dropdown-toggle:focus {
29
- outline: 0;
30
- }
31
-
32
- // The dropdown menu (ul)
33
- .dropdown-menu {
34
- position: absolute;
35
- top: 100%;
36
- left: 0;
37
- z-index: $zindex-dropdown;
38
- display: none; // none by default, but block on "open" of the menu
39
- float: left;
40
- min-width: 160px;
41
- padding: 5px 0;
42
- margin: 2px 0 0; // override default ul
43
- list-style: none;
44
- font-size: $font-size-base;
45
- background-color: $dropdown-bg;
46
- border: 1px solid $dropdown-fallback-border; // IE8 fallback
47
- border: 1px solid $dropdown-border;
48
- border-radius: $border-radius-base;
49
- @include box-shadow(0 6px 12px rgba(0,0,0,.175));
50
- background-clip: padding-box;
51
-
52
- // Aligns the dropdown menu to right
53
- &.pull-right {
54
- right: 0;
55
- left: auto;
56
- }
57
-
58
- // Dividers (basically an hr) within the dropdown
59
- .divider {
60
- @include nav-divider($dropdown-divider-bg);
61
- }
62
-
63
- // Links within the dropdown menu
64
- > li > a {
65
- display: block;
66
- padding: 3px 20px;
67
- clear: both;
68
- font-weight: normal;
69
- line-height: $line-height-base;
70
- color: $dropdown-link-color;
71
- white-space: nowrap; // prevent links from randomly breaking onto new lines
72
- }
73
- }
74
-
75
- // Hover/Focus state
76
- .dropdown-menu > li > a {
77
- &:hover,
78
- &:focus {
79
- text-decoration: none;
80
- color: $dropdown-link-hover-color;
81
- background-color: $dropdown-link-hover-bg;
82
- }
83
- }
84
-
85
- // Active state
86
- .dropdown-menu > .active > a {
87
- &,
88
- &:hover,
89
- &:focus {
90
- color: $dropdown-link-active-color;
91
- text-decoration: none;
92
- outline: 0;
93
- background-color: $dropdown-link-active-bg;
94
- }
95
- }
96
-
97
- // Disabled state
98
- //
99
- // Gray out text and ensure the hover/focus state remains gray
100
-
101
- .dropdown-menu > .disabled > a {
102
- &,
103
- &:hover,
104
- &:focus {
105
- color: $dropdown-link-disabled-color;
106
- }
107
- }
108
- // Nuke hover/focus effects
109
- .dropdown-menu > .disabled > a {
110
- &:hover,
111
- &:focus {
112
- text-decoration: none;
113
- background-color: transparent;
114
- background-image: none; // Remove CSS gradient
115
- @include reset-filter();
116
- cursor: not-allowed;
117
- }
118
- }
119
-
120
- // Open state for the dropdown
121
- .open {
122
- // Show the menu
123
- > .dropdown-menu {
124
- display: block;
125
- }
126
-
127
- // Remove the outline when :focus is triggered
128
- > a {
129
- outline: 0;
130
- }
131
- }
132
-
133
- // Dropdown section headers
134
- .dropdown-header {
135
- display: block;
136
- padding: 3px 20px;
137
- font-size: $font-size-small;
138
- line-height: $line-height-base;
139
- color: $dropdown-header-color;
140
- }
141
-
142
- // Backdrop to catch body clicks on mobile, etc.
143
- .dropdown-backdrop {
144
- position: fixed;
145
- left: 0;
146
- right: 0;
147
- bottom: 0;
148
- top: 0;
149
- z-index: $zindex-dropdown - 10;
150
- }
151
-
152
- // Right aligned dropdowns
153
- .pull-right > .dropdown-menu {
154
- right: 0;
155
- left: auto;
156
- }
157
-
158
- // Allow for dropdowns to go bottom up (aka, dropup-menu)
159
- //
160
- // Just add .dropup after the standard .dropdown class and you're set, bro.
161
- // TODO: abstract this so that the navbar fixed styles are not placed here?
162
-
163
- .dropup,
164
- .navbar-fixed-bottom .dropdown {
165
- // Reverse the caret
166
- .caret {
167
- // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
168
- // gets fixed, restore `border-top: 0;`.
169
- border-top: 0 dotted;
170
- border-bottom: 4px solid $dropdown-caret-color;
171
- content: "";
172
- }
173
- // Different positioning for bottom up menu
174
- .dropdown-menu {
175
- top: auto;
176
- bottom: 100%;
177
- margin-bottom: 1px;
178
- }
179
- }
180
-
181
-
182
- // Component alignment
183
- //
184
- // Reiterate per navbar.less and the modified component alignment there.
185
-
186
- @media (min-width: $grid-float-breakpoint) {
187
- .navbar-right {
188
- .dropdown-menu {
189
- right: 0;
190
- left: auto;
191
- }
192
- }
193
- }
1
+ @import "bootstrap/dropdowns";
@@ -1,350 +1 @@
1
- //
2
- // Forms
3
- // --------------------------------------------------
4
-
5
-
6
- // Normalize non-controls
7
- //
8
- // Restyle and baseline non-control form elements.
9
-
10
- fieldset {
11
- padding: 0;
12
- margin: 0;
13
- border: 0;
14
- }
15
-
16
- legend {
17
- display: block;
18
- width: 100%;
19
- padding: 0;
20
- margin-bottom: $line-height-computed;
21
- font-size: ($font-size-base * 1.5);
22
- line-height: inherit;
23
- color: $legend-color;
24
- border: 0;
25
- border-bottom: 1px solid $legend-border-color;
26
- }
27
-
28
- label {
29
- display: inline-block;
30
- margin-bottom: 5px;
31
- font-weight: bold;
32
- }
33
-
34
-
35
- // Normalize form controls
36
-
37
- // Override content-box in Normalize (* isn't specific enough)
38
- input[type="search"] {
39
- @include box-sizing(border-box);
40
- }
41
-
42
- // Position radios and checkboxes better
43
- input[type="radio"],
44
- input[type="checkbox"] {
45
- margin: 4px 0 0;
46
- margin-top: 1px \9; /* IE8-9 */
47
- line-height: normal;
48
- }
49
-
50
- // Set the height of select and file controls to match text inputs
51
- input[type="file"] {
52
- display: block;
53
- }
54
-
55
- // Make multiple select elements height not fixed
56
- select[multiple],
57
- select[size] {
58
- height: auto;
59
- }
60
-
61
- // Fix optgroup Firefox bug per https://github.com/twbs/bootstrap/issues/7611
62
- select optgroup {
63
- font-size: inherit;
64
- font-style: inherit;
65
- font-family: inherit;
66
- }
67
-
68
- // Focus for select, file, radio, and checkbox
69
- input[type="file"]:focus,
70
- input[type="radio"]:focus,
71
- input[type="checkbox"]:focus {
72
- @include tab-focus();
73
- }
74
-
75
- // Fix for Chrome number input
76
- // Setting certain font-sizes causes the `I` bar to appear on hover of the bottom increment button.
77
- // See https://github.com/twbs/bootstrap/issues/8350 for more.
78
- input[type="number"] {
79
- &::-webkit-outer-spin-button,
80
- &::-webkit-inner-spin-button {
81
- height: auto;
82
- }
83
- }
84
-
85
-
86
- // Placeholder
87
- //
88
- // Placeholder text gets special styles because when browsers invalidate entire
89
- // lines if it doesn't understand a selector/
90
- .form-control {
91
- @include placeholder();
92
- }
93
-
94
-
95
- // Common form controls
96
- //
97
- // Shared size and type resets for form controls. Apply `.form-control` to any
98
- // of the following form controls:
99
- //
100
- // select
101
- // textarea
102
- // input[type="text"]
103
- // input[type="password"]
104
- // input[type="datetime"]
105
- // input[type="datetime-local"]
106
- // input[type="date"]
107
- // input[type="month"]
108
- // input[type="time"]
109
- // input[type="week"]
110
- // input[type="number"]
111
- // input[type="email"]
112
- // input[type="url"]
113
- // input[type="search"]
114
- // input[type="tel"]
115
- // input[type="color"]
116
-
117
- .form-control {
118
- display: block;
119
- width: 100%;
120
- height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
121
- padding: $padding-base-vertical $padding-base-horizontal;
122
- font-size: $font-size-base;
123
- line-height: $line-height-base;
124
- color: $input-color;
125
- vertical-align: middle;
126
- background-color: $input-bg;
127
- border: 1px solid $input-border;
128
- border-radius: $input-border-radius;
129
- @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
130
- @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
131
-
132
- // Customize the `:focus` state to imitate native WebKit styles.
133
- @include form-control-focus();
134
-
135
- // Disabled and read-only inputs
136
- // Note: HTML5 says that controls under a fieldset > legend:first-child won't
137
- // be disabled if the fieldset is disabled. Due to implementation difficulty,
138
- // we don't honor that edge case; we style them as disabled anyway.
139
- &[disabled],
140
- &[readonly],
141
- fieldset[disabled] & {
142
- cursor: not-allowed;
143
- background-color: $input-bg-disabled;
144
- }
145
- }
146
-
147
- // Reset height for `textarea`s
148
- textarea.form-control {
149
- height: auto;
150
- }
151
-
152
-
153
- // Form groups
154
- //
155
- // Designed to help with the organization and spacing of vertical forms. For
156
- // horizontal forms, use the predefined grid classes.
157
-
158
- .form-group {
159
- margin-bottom: 15px;
160
- }
161
-
162
-
163
- // Checkboxes and radios
164
- //
165
- // Indent the labels to position radios/checkboxes as hanging controls.
166
-
167
- .radio,
168
- .checkbox {
169
- display: block;
170
- min-height: $line-height-computed; // clear the floating input if there is no label text
171
- margin-top: 10px;
172
- margin-bottom: 10px;
173
- padding-left: 20px;
174
- vertical-align: middle;
175
- label {
176
- display: inline;
177
- margin-bottom: 0;
178
- font-weight: normal;
179
- cursor: pointer;
180
- }
181
- }
182
- .radio input[type="radio"],
183
- .radio-inline input[type="radio"],
184
- .checkbox input[type="checkbox"],
185
- .checkbox-inline input[type="checkbox"] {
186
- float: left;
187
- margin-left: -20px;
188
- }
189
- .radio + .radio,
190
- .checkbox + .checkbox {
191
- margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
192
- }
193
-
194
- // Radios and checkboxes on same line
195
- .radio-inline,
196
- .checkbox-inline {
197
- display: inline-block;
198
- padding-left: 20px;
199
- margin-bottom: 0;
200
- vertical-align: middle;
201
- font-weight: normal;
202
- cursor: pointer;
203
- }
204
- .radio-inline + .radio-inline,
205
- .checkbox-inline + .checkbox-inline {
206
- margin-top: 0;
207
- margin-left: 10px; // space out consecutive inline controls
208
- }
209
-
210
- // Apply same disabled cursor tweak as for inputs
211
- //
212
- // Note: Neither radios nor checkboxes can be readonly.
213
- input[type="radio"],
214
- input[type="checkbox"],
215
- .radio,
216
- .radio-inline,
217
- .checkbox,
218
- .checkbox-inline {
219
- &[disabled],
220
- fieldset[disabled] & {
221
- cursor: not-allowed;
222
- }
223
- }
224
-
225
- // Form control sizing
226
-
227
- @include input-size('.input-sm', $input-height-small, $padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
228
-
229
- @include input-size('.input-lg', $input-height-large, $padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
230
-
231
-
232
- // Form control feedback states
233
- //
234
- // Apply contextual and semantic states to individual form controls.
235
-
236
- // Warning
237
- .has-warning {
238
- @include form-control-validation($state-warning-text, $state-warning-text, $state-warning-bg);
239
- }
240
- // Error
241
- .has-error {
242
- @include form-control-validation($state-danger-text, $state-danger-text, $state-danger-bg);
243
- }
244
- // Success
245
- .has-success {
246
- @include form-control-validation($state-success-text, $state-success-text, $state-success-bg);
247
- }
248
-
249
-
250
- // Static form control text
251
- //
252
- // Apply class to a `p` element to make any string of text align with labels in
253
- // a horizontal form layout.
254
-
255
- .form-control-static {
256
- margin-bottom: 0; // Remove default margin from `p`
257
- padding-top: ($padding-base-vertical + 1);
258
- }
259
-
260
-
261
- // Help text
262
- //
263
- // Apply to any element you wish to create light text for placement immediately
264
- // below a form control. Use for general help, formatting, or instructional text.
265
-
266
- .help-block {
267
- display: block; // account for any element using help-block
268
- margin-top: 5px;
269
- margin-bottom: 10px;
270
- color: lighten($text-color, 25%); // lighten the text some for contrast
271
- }
272
-
273
-
274
-
275
- // Inline forms
276
- //
277
- // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
278
- // forms begin stacked on extra small (mobile) devices and then go inline when
279
- // viewports reach <768px.
280
- //
281
- // Requires wrapping inputs and labels with `.form-group` for proper display of
282
- // default HTML form controls and our custom form controls (e.g., input groups).
283
- //
284
- // Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
285
-
286
- .form-inline {
287
-
288
- // Kick in the inline
289
- @media (min-width: $screen-tablet) {
290
- // Inline-block all the things for "inline"
291
- .form-group {
292
- display: inline-block;
293
- margin-bottom: 0;
294
- vertical-align: middle;
295
- }
296
-
297
- // In navbar-form, allow folks to *not* use `.form-group`
298
- .form-control {
299
- display: inline-block;
300
- }
301
-
302
- // Remove default margin on radios/checkboxes that were used for stacking, and
303
- // then undo the floating of radios and checkboxes to match (which also avoids
304
- // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
305
- .radio,
306
- .checkbox {
307
- display: inline-block;
308
- margin-top: 0;
309
- margin-bottom: 0;
310
- padding-left: 0;
311
- }
312
- .radio input[type="radio"],
313
- .checkbox input[type="checkbox"] {
314
- float: none;
315
- margin-left: 0;
316
- }
317
- }
318
- }
319
-
320
-
321
- // Horizontal forms
322
- //
323
- // Horizontal forms are built on grid classes and allow you to create forms with
324
- // labels on the left and inputs on the right.
325
-
326
- .form-horizontal {
327
-
328
- // Consistent vertical alignment of labels, radios, and checkboxes
329
- .control-label,
330
- .radio,
331
- .checkbox,
332
- .radio-inline,
333
- .checkbox-inline {
334
- margin-top: 0;
335
- margin-bottom: 0;
336
- padding-top: ($padding-base-vertical + 1); // Default padding plus a border
337
- }
338
-
339
- // Make form groups behave like rows
340
- .form-group {
341
- @include make-row();
342
- }
343
-
344
- // Only right align form labels here when the columns stop stacking
345
- @media (min-width: $screen-tablet) {
346
- .control-label {
347
- text-align: right;
348
- }
349
- }
350
- }
1
+ @import "bootstrap/forms";