bootstrap-sass 1.4.4 → 2.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 (71) hide show
  1. data/README.md +52 -19
  2. data/lib/bootstrap-sass.rb +24 -6
  3. data/lib/bootstrap-sass/compass_extensions.rb +10 -0
  4. data/lib/bootstrap-sass/config/sass_extentions.rb +14 -0
  5. data/lib/bootstrap-sass/engine.rb +9 -0
  6. data/templates/project/manifest.rb +18 -0
  7. data/templates/project/styles.scss +5 -0
  8. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  9. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  10. data/vendor/assets/javascripts/bootstrap-alert.js +91 -0
  11. data/vendor/assets/javascripts/bootstrap-button.js +98 -0
  12. data/vendor/assets/javascripts/bootstrap-carousel.js +154 -0
  13. data/vendor/assets/javascripts/bootstrap-collapse.js +136 -0
  14. data/vendor/assets/javascripts/bootstrap-dropdown.js +58 -21
  15. data/vendor/assets/javascripts/bootstrap-modal.js +63 -114
  16. data/vendor/assets/javascripts/bootstrap-popover.js +38 -33
  17. data/vendor/assets/javascripts/bootstrap-scrollspy.js +62 -44
  18. data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
  19. data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
  20. data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
  21. data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
  22. data/vendor/assets/javascripts/bootstrap.js +9 -6
  23. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +314 -0
  24. data/vendor/assets/stylesheets/_bootstrap.scss +63 -0
  25. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +28 -0
  26. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +62 -0
  27. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +22 -0
  28. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +136 -0
  29. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +149 -0
  30. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +116 -0
  31. data/vendor/assets/stylesheets/bootstrap/_close.scss +18 -0
  32. data/vendor/assets/stylesheets/bootstrap/_code.scss +43 -0
  33. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +18 -0
  34. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +127 -0
  35. data/vendor/assets/stylesheets/bootstrap/_forms.scss +458 -0
  36. data/vendor/assets/stylesheets/bootstrap/_grid.scss +8 -0
  37. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +20 -0
  38. data/vendor/assets/stylesheets/bootstrap/_labels.scss +16 -0
  39. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +17 -0
  40. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +479 -0
  41. data/vendor/assets/stylesheets/bootstrap/_modals.scss +72 -0
  42. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +282 -0
  43. data/vendor/assets/stylesheets/bootstrap/_navs.scss +320 -0
  44. data/vendor/assets/stylesheets/bootstrap/_pager.scss +30 -0
  45. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +53 -0
  46. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +49 -0
  47. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +95 -0
  48. data/vendor/assets/stylesheets/bootstrap/_reset.scss +105 -0
  49. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +29 -0
  50. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +156 -0
  51. data/vendor/assets/stylesheets/bootstrap/_tables.scss +117 -0
  52. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +35 -0
  53. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +35 -0
  54. data/vendor/assets/stylesheets/bootstrap/_type.scss +209 -0
  55. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +23 -0
  56. data/vendor/assets/stylesheets/bootstrap/_variables.scss +99 -0
  57. data/vendor/assets/stylesheets/bootstrap/_wells.scss +17 -0
  58. metadata +68 -20
  59. data/vendor/assets/javascripts/bootstrap-alerts.js +0 -124
  60. data/vendor/assets/javascripts/bootstrap-buttons.js +0 -64
  61. data/vendor/assets/javascripts/bootstrap-tabs.js +0 -80
  62. data/vendor/assets/javascripts/bootstrap-twipsy.js +0 -321
  63. data/vendor/assets/stylesheets/bootstrap.css.scss +0 -25
  64. data/vendor/assets/stylesheets/bootstrap/forms.css.scss +0 -427
  65. data/vendor/assets/stylesheets/bootstrap/mixins.css.scss +0 -216
  66. data/vendor/assets/stylesheets/bootstrap/patterns.css.scss +0 -994
  67. data/vendor/assets/stylesheets/bootstrap/reset.css.scss +0 -142
  68. data/vendor/assets/stylesheets/bootstrap/scaffolding.css.scss +0 -129
  69. data/vendor/assets/stylesheets/bootstrap/tables.css.scss +0 -212
  70. data/vendor/assets/stylesheets/bootstrap/type.css.scss +0 -186
  71. data/vendor/assets/stylesheets/bootstrap/variables.css.scss +0 -51
@@ -1,25 +0,0 @@
1
- /*!
2
- * Bootstrap v1.4.0
3
- *
4
- * Copyright 2011 Twitter, Inc
5
- * Licensed under the Apache License v2.0
6
- * http://www.apache.org/licenses/LICENSE-2.0
7
- *
8
- * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
- * Converted to SASS by Thomas McDonald
10
- *
11
- * Date: Friday 4 November, 2011
12
- */
13
-
14
- @import "bootstrap/reset";
15
-
16
- @import "bootstrap/variables";
17
- @import "bootstrap/mixins";
18
-
19
- @import "bootstrap/scaffolding";
20
-
21
- @import "bootstrap/type";
22
- @import "bootstrap/forms";
23
- @import "bootstrap/tables";
24
- @import "bootstrap/patterns";
25
-
@@ -1,427 +0,0 @@
1
- /* forms.css.scss
2
- * Base styles for various input types, form layouts, and states
3
- * ------------------------------------------------------------- */
4
-
5
- // FORM STYLES
6
- // -----------
7
-
8
- form {
9
- margin-bottom: $baseline;
10
- }
11
-
12
- // Groups of fields with labels on top (legends)
13
- fieldset {
14
- margin-bottom: $baseline;
15
- padding-top: $baseline;
16
- legend {
17
- display: block;
18
- padding-left: 150px;
19
- font-size: $basefont * 1.5;
20
- line-height: 1;
21
- color: $grayDark;
22
- *padding: 0 0 5px 145px; /* IE6-7 */
23
- *line-height: 1.5; /* IE6-7 */
24
- }
25
- }
26
-
27
- // Parent element that clears floats and wraps labels and fields together
28
- form .clearfix {
29
- margin-bottom: $baseline;
30
- @include clearfix()
31
- }
32
-
33
- // Set font for forms
34
- label, input, select, textarea {
35
- @include sans-serif-font(normal,13px,normal);
36
- }
37
-
38
- // Float labels left
39
- label {
40
- padding-top: 6px;
41
- font-size: $basefont;
42
- line-height: $baseline;
43
- float: left;
44
- width: 130px;
45
- text-align: right;
46
- color: $grayDark;
47
- }
48
-
49
- // Shift over the inside div to align all label's relevant content
50
- form .input {
51
- margin-left: 150px;
52
- }
53
-
54
- // Checkboxs and radio buttons
55
- input[type=checkbox], input[type=radio] {
56
- cursor: pointer;
57
- }
58
-
59
- // Inputs, Textareas, Selects
60
- input, textarea, select, .uneditable-input {
61
- display: inline-block;
62
- width: 210px;
63
- height: $baseline;
64
- padding: 4px;
65
- font-size: $basefont;
66
- line-height: $baseline;
67
- color: $gray;
68
- border: 1px solid #ccc;
69
- @include border-radius(3px);
70
- }
71
-
72
- // remove padding from select
73
- select {
74
- padding: initial;
75
- }
76
-
77
- // mini reset for non-html5 file types
78
- input[type=checkbox], input[type=radio] {
79
- width: auto;
80
- height: auto;
81
- padding: 0;
82
- margin: 3px 0;
83
- *margin-top: 0; /* IE6-7 */
84
- line-height: normal;
85
- border: none;
86
- }
87
-
88
- input[type=file] {
89
- background-color: $white;
90
- padding: initial;
91
- border: initial;
92
- line-height: initial;
93
- @include box-shadow(none);
94
- }
95
-
96
- input[type=button], input[type=reset], input[type=submit] {
97
- width: auto;
98
- height: auto;
99
- }
100
-
101
- select, input[type=file] {
102
- height: $baseline * 1.5; // In IE7, the height of the select element cannot be changed by height, only font-size
103
- *height: auto; // reset for IE7. bah.
104
- line-height: $baseline * 1.5;
105
- *margin-top: 4px; /* For IE7, add top margin to align select with labels */
106
- }
107
-
108
- // Make multiple select elements height not fixed
109
- select[multiple] {
110
- height: inherit;
111
- background-color: $white; // Fixes Chromium bug of unreadable items
112
- }
113
-
114
- textarea {
115
- height: auto;
116
- }
117
-
118
- // For text that needs to appear as an input but should not be an input
119
- .uneditable-input {
120
- background-color: $white;
121
- display: block;
122
- border-color: #eee;
123
- @include box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
124
- cursor: not-allowed;
125
- }
126
-
127
- // Placeholder text gets special styles; can't be bundled together though for some reason
128
- :-moz-placeholder {
129
- color: $grayLight;
130
- }
131
- ::-webkit-input-placeholder {
132
- color: $grayLight;
133
- }
134
-
135
- // Focus states
136
- input, textarea {
137
- $transition: border linear .2s, box-shadow linear .2s;
138
- @include transition($transition);
139
- @include box-shadow(inset 0 1px 3px rgba(0,0,0,.1));
140
- }
141
- input:focus, textarea:focus {
142
- outline: 0;
143
- border-color: rgba(82,168,236,.8);
144
- $shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
145
- @include box-shadow($shadow);
146
- }
147
- input[type=file]:focus, input[type=checkbox]:focus, select:focus {
148
- @include box-shadow(none); // override for file inputs
149
- outline: 1px dotted #666; // Selet elements don't get box-shadow styles, so instead we do outline
150
- }
151
-
152
- // FORM FIELD FEEDBACK STATES
153
- // --------------------------
154
- @mixin formFieldState($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
155
- // Set the text color
156
- > label, .help-block, .help-inline {
157
- color: $textColor;
158
- }
159
- input, textarea {
160
- color: $textColor;
161
- border-color: $borderColor;
162
- &:focus {
163
- border-color: darken($borderColor, 10%);
164
- @include box-shadow(0 0 6px lighten($borderColor, 10%));
165
- }
166
- }
167
- // Give a small background color for input-prepend/-append
168
- .input-prepend .add-on, .input-append .add-on {
169
- color: $textColor;
170
- background-color: $backgroundColor;
171
- border-color: $borderColor;
172
- }
173
- }
174
- // Error
175
- form .clearfix.error {
176
- @include formFieldState(#b94a48, #ee5f5b, lighten(#ee5f5b, 30%));
177
- }
178
- // Warning
179
- form .clearfix.warning {
180
- @include formFieldState(#c09853, #ccae64, lighten(#ccae64, 5%));
181
- }
182
- // Success
183
- form .clearfix.success {
184
- @include formFieldState(#468847, #57a957, lighten(#57a957, 30%));
185
- }
186
-
187
- // Form element sizes
188
- // TODO v2: remove duplication here and just stick to .input-[size] in light of adding .spanN sizes
189
- .input-mini, input.mini, textarea.mini, select.mini {
190
- width: 60px;
191
- }
192
- .input-small, input.small, textarea.small, select.small {
193
- width: 90px;
194
- }
195
- .input-medium, input.medium, textarea.medium, select.medium {
196
- width: 150px;
197
- }
198
- .input-large, input.large, textarea.large, select.large {
199
- width: 210px;
200
- }
201
- .input-xlarge, input.xlarge, textarea.xlarge, select.xlarge {
202
- width: 270px;
203
- }
204
- .input-xxlarge, input.xxlarge, textarea.xxlarge, select.xxlarge {
205
- width: 530px;
206
- }
207
- textarea.xxlarge {
208
- overflow-y: auto;
209
- }
210
-
211
- // Grid style input sizes
212
- // This is a duplication of the main grid .columns() mixin, but subtracts 10px to account for input padding and border
213
- @mixin formColumns($columnSpan: 1) {
214
- display: inline-block;
215
- float: none;
216
- width: ($gridColumnWidth * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1)) - 10;
217
- margin-left: 0;
218
- }
219
- input, textarea {
220
- // Default columns
221
- &.span1 { @include formColumns(1); }
222
- &.span2 { @include formColumns(2); }
223
- &.span3 { @include formColumns(3); }
224
- &.span4 { @include formColumns(4); }
225
- &.span5 { @include formColumns(5); }
226
- &.span6 { @include formColumns(6); }
227
- &.span7 { @include formColumns(7); }
228
- &.span8 { @include formColumns(8); }
229
- &.span9 { @include formColumns(9); }
230
- &.span10 { @include formColumns(10); }
231
- &.span11 { @include formColumns(11); }
232
- &.span12 { @include formColumns(12); }
233
- &.span13 { @include formColumns(13); }
234
- &.span14 { @include formColumns(14); }
235
- &.span15 { @include formColumns(15); }
236
- &.span16 { @include formColumns(16); }
237
- }
238
-
239
- // Disabled and read-only inputs
240
- input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
241
- background-color: #f5f5f5;
242
- border-color: #ddd;
243
- cursor: not-allowed;
244
- }
245
-
246
- // Actions (the buttons)
247
- .actions {
248
- background: #f5f5f5;
249
- margin-top: $baseline;
250
- margin-bottom: $baseline;
251
- padding: ($baseline - 1) 20px $baseline 150px;
252
- border-top: 1px solid #ddd;
253
- @include border-radius(0 0 3px 3px);
254
- .secondary-action {
255
- float: right;
256
- a {
257
- line-height: 30px;
258
- &:hover {
259
- text-decoration: underline;
260
- }
261
- }
262
- }
263
- }
264
-
265
- // Help Text
266
- .help-inline, .help-block {
267
- font-size: $basefont;
268
- line-height: $baseline;
269
- color: $grayLight;
270
- }
271
- .help-inline {
272
- padding-left: 5px;
273
- *position: relative; /* IE6-7 */
274
- *top: -5px; /* IE6-7 */
275
- }
276
-
277
- // Big blocks of help text
278
- .help-block {
279
- display: block;
280
- max-width: 600px;
281
- }
282
-
283
- // Inline Fields (input fields that appear as inline objects
284
- .inline-inputs {
285
- color: $gray;
286
- span {
287
- padding: 0 2px 0 1px;
288
- }
289
- }
290
-
291
- // Allow us to put symbols and text within the input field for a cleaner look
292
- .input-prepend, .input-append {
293
- input {
294
- @include border-radius(0 3px 3px 0);
295
- }
296
- .add-on {
297
- position: relative;
298
- background: #f5f5f5;
299
- border: 1px solid #ccc;
300
- z-index: 2;
301
- float: left;
302
- display: block;
303
- width: auto;
304
- min-width: 16px;
305
- height: 18px;
306
- padding: 4px 4px 4px 5px;
307
- margin-right: -1px;
308
- font-weight: normal;
309
- line-height: 18px;
310
- color: $grayLight;
311
- text-align: center;
312
- text-shadow: 0 1px 0 $white;
313
- @include border-radius(3px 0 0 3px);
314
- }
315
- .active {
316
- background: lighten($green, 30);
317
- border-color: $green;
318
- }
319
- }
320
- .input-prepend {
321
- .add-on {
322
- *margin-top: 1px; /* IE6-7 */
323
- }
324
- }
325
- .input-append {
326
- input {
327
- float: left;
328
- @include border-radius(3px 0 0 3px);
329
- }
330
- .add-on {
331
- @include border-radius(0 3px 3px 0);
332
- margin-right: 0;
333
- margin-left: -1px;
334
- }
335
- }
336
-
337
- // Stacked options for forms (radio buttons or checkboxes)
338
- .inputs-list {
339
- margin: 0 0 5px;
340
- width: 100%;
341
- li {
342
- display: block;
343
- padding: 0;
344
- width: 100%;
345
- }
346
- label {
347
- display: block;
348
- float: none;
349
- width: auto;
350
- padding: 0;
351
- margin-left: 20px;
352
- line-height: $baseline;
353
- text-align: left;
354
- white-space: normal;
355
- strong {
356
- color: $gray;
357
- }
358
- small {
359
- font-size: $basefont - 2;
360
- font-weight: normal;
361
- }
362
- }
363
- .inputs-list {
364
- margin-left: 25px;
365
- margin-bottom: 10px;
366
- padding-top: 0;
367
- }
368
- &:first-child {
369
- padding-top: 6px;
370
- }
371
- li + li {
372
- padding-top: 2px;
373
- }
374
- input[type=radio], input[type=checkbox] {
375
- margin-bottom: 0;
376
- margin-left: -20px;
377
- float: left;
378
- }
379
- }
380
-
381
- // Stacked forms
382
- .form-stacked {
383
- padding-left: 20px;
384
- fieldset {
385
- padding-top: $baseline / 2;
386
- }
387
- legend {
388
- padding-left: 0;
389
- }
390
- label {
391
- display: block;
392
- float: none;
393
- width: auto;
394
- font-weight: bold;
395
- text-align: left;
396
- line-height: 20px;
397
- padding-top: 0;
398
- }
399
- .clearfix {
400
- margin-bottom: $baseline / 2;
401
- div.input {
402
- margin-left: 0;
403
- }
404
- }
405
- .inputs-list {
406
- margin-bottom: 0;
407
- li {
408
- padding-top: 0;
409
- label {
410
- font-weight: normal;
411
- padding-top: 0;
412
- }
413
- }
414
- }
415
- div.clearfix.error {
416
- padding-top: 10px;
417
- padding-bottom: 10px;
418
- padding-left: 10px;
419
- margin-top: 0;
420
- margin-left: -10px;
421
- }
422
- .actions {
423
- margin-left: -20px;
424
- padding-left: 20px;
425
- }
426
- }
427
-