bootstrap-sass 1.4.4 → 2.0.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 (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
-