bootstrap_v3 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (58) hide show
  1. checksums.yaml +7 -0
  2. data/Gemfile +4 -0
  3. data/LICENSE +20 -0
  4. data/README.md +4 -0
  5. data/Rakefile +1 -0
  6. data/bootstrap_v3.gemspec +28 -0
  7. data/lib/bootstrap/v3/rails.rb +10 -0
  8. data/lib/bootstrap/v3/rails/engine.rb +8 -0
  9. data/lib/bootstrap/v3/rails/version.rb +7 -0
  10. data/lib/generators/bootstrap/install/install_generator.rb +38 -0
  11. data/lib/generators/bootstrap/install/templates/bootstrap_v3.js +1 -0
  12. data/lib/generators/bootstrap/install/templates/bootstrap_v3/modules.less +40 -0
  13. data/vendor/assets/fonts/bootstrap_v3/glyphicons-halflings-regular.eot +0 -0
  14. data/vendor/assets/fonts/bootstrap_v3/glyphicons-halflings-regular.svg +228 -0
  15. data/vendor/assets/fonts/bootstrap_v3/glyphicons-halflings-regular.ttf +0 -0
  16. data/vendor/assets/fonts/bootstrap_v3/glyphicons-halflings-regular.woff +0 -0
  17. data/vendor/assets/javascripts/bootstrap_v3/modules/bootstrap.js +1999 -0
  18. data/vendor/assets/stylesheets/bootstrap_v3/modules/alerts.less +67 -0
  19. data/vendor/assets/stylesheets/bootstrap_v3/modules/badges.less +51 -0
  20. data/vendor/assets/stylesheets/bootstrap_v3/modules/bootstrap.less +59 -0
  21. data/vendor/assets/stylesheets/bootstrap_v3/modules/breadcrumbs.less +23 -0
  22. data/vendor/assets/stylesheets/bootstrap_v3/modules/button-groups.less +248 -0
  23. data/vendor/assets/stylesheets/bootstrap_v3/modules/buttons.less +160 -0
  24. data/vendor/assets/stylesheets/bootstrap_v3/modules/carousel.less +209 -0
  25. data/vendor/assets/stylesheets/bootstrap_v3/modules/close.less +33 -0
  26. data/vendor/assets/stylesheets/bootstrap_v3/modules/code.less +56 -0
  27. data/vendor/assets/stylesheets/bootstrap_v3/modules/component-animations.less +29 -0
  28. data/vendor/assets/stylesheets/bootstrap_v3/modules/dropdowns.less +193 -0
  29. data/vendor/assets/stylesheets/bootstrap_v3/modules/forms.less +353 -0
  30. data/vendor/assets/stylesheets/bootstrap_v3/modules/glyphicons.less +232 -0
  31. data/vendor/assets/stylesheets/bootstrap_v3/modules/grid.less +346 -0
  32. data/vendor/assets/stylesheets/bootstrap_v3/modules/input-groups.less +127 -0
  33. data/vendor/assets/stylesheets/bootstrap_v3/modules/jumbotron.less +40 -0
  34. data/vendor/assets/stylesheets/bootstrap_v3/modules/labels.less +58 -0
  35. data/vendor/assets/stylesheets/bootstrap_v3/modules/list-group.less +88 -0
  36. data/vendor/assets/stylesheets/bootstrap_v3/modules/media.less +56 -0
  37. data/vendor/assets/stylesheets/bootstrap_v3/modules/mixins.less +723 -0
  38. data/vendor/assets/stylesheets/bootstrap_v3/modules/modals.less +141 -0
  39. data/vendor/assets/stylesheets/bootstrap_v3/modules/navbar.less +621 -0
  40. data/vendor/assets/stylesheets/bootstrap_v3/modules/navs.less +229 -0
  41. data/vendor/assets/stylesheets/bootstrap_v3/modules/normalize.less +396 -0
  42. data/vendor/assets/stylesheets/bootstrap_v3/modules/pager.less +55 -0
  43. data/vendor/assets/stylesheets/bootstrap_v3/modules/pagination.less +83 -0
  44. data/vendor/assets/stylesheets/bootstrap_v3/modules/panels.less +148 -0
  45. data/vendor/assets/stylesheets/bootstrap_v3/modules/popovers.less +133 -0
  46. data/vendor/assets/stylesheets/bootstrap_v3/modules/print.less +100 -0
  47. data/vendor/assets/stylesheets/bootstrap_v3/modules/progress-bars.less +95 -0
  48. data/vendor/assets/stylesheets/bootstrap_v3/modules/responsive-utilities.less +220 -0
  49. data/vendor/assets/stylesheets/bootstrap_v3/modules/scaffolding.less +130 -0
  50. data/vendor/assets/stylesheets/bootstrap_v3/modules/tables.less +236 -0
  51. data/vendor/assets/stylesheets/bootstrap_v3/modules/theme.less +232 -0
  52. data/vendor/assets/stylesheets/bootstrap_v3/modules/thumbnails.less +31 -0
  53. data/vendor/assets/stylesheets/bootstrap_v3/modules/tooltip.less +95 -0
  54. data/vendor/assets/stylesheets/bootstrap_v3/modules/type.less +238 -0
  55. data/vendor/assets/stylesheets/bootstrap_v3/modules/utilities.less +42 -0
  56. data/vendor/assets/stylesheets/bootstrap_v3/modules/variables.less +620 -0
  57. data/vendor/assets/stylesheets/bootstrap_v3/modules/wells.less +29 -0
  58. metadata +185 -0
@@ -0,0 +1,29 @@
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
+ .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
+ .transition(height .35s ease);
29
+ }
@@ -0,0 +1,193 @@
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
+ .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
+ .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
+ .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
+ .pull-right > .dropdown-menu();
190
+ }
191
+ }
192
+ }
193
+
@@ -0,0 +1,353 @@
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
+ .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
+ .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
+ .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
+ .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
130
+ .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
+ .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
+ // Reset height for `textarea`s
147
+ textarea& {
148
+ height: auto;
149
+ }
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
+ .input-sm {
227
+ .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
228
+ }
229
+
230
+ .input-lg {
231
+ .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
232
+ }
233
+
234
+
235
+ // Form control feedback states
236
+ //
237
+ // Apply contextual and semantic states to individual form controls.
238
+
239
+ // Warning
240
+ .has-warning {
241
+ .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);
242
+ }
243
+ // Error
244
+ .has-error {
245
+ .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
246
+ }
247
+ // Success
248
+ .has-success {
249
+ .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
250
+ }
251
+
252
+
253
+ // Static form control text
254
+ //
255
+ // Apply class to a `p` element to make any string of text align with labels in
256
+ // a horizontal form layout.
257
+
258
+ .form-control-static {
259
+ margin-bottom: 0; // Remove default margin from `p`
260
+ padding-top: (@padding-base-vertical + 1);
261
+ }
262
+
263
+
264
+ // Help text
265
+ //
266
+ // Apply to any element you wish to create light text for placement immediately
267
+ // below a form control. Use for general help, formatting, or instructional text.
268
+
269
+ .help-block {
270
+ display: block; // account for any element using help-block
271
+ margin-top: 5px;
272
+ margin-bottom: 10px;
273
+ color: lighten(@text-color, 25%); // lighten the text some for contrast
274
+ }
275
+
276
+
277
+
278
+ // Inline forms
279
+ //
280
+ // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
281
+ // forms begin stacked on extra small (mobile) devices and then go inline when
282
+ // viewports reach <768px.
283
+ //
284
+ // Requires wrapping inputs and labels with `.form-group` for proper display of
285
+ // default HTML form controls and our custom form controls (e.g., input groups).
286
+ //
287
+ // Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
288
+
289
+ .form-inline {
290
+
291
+ // Kick in the inline
292
+ @media (min-width: @screen-tablet) {
293
+ // Inline-block all the things for "inline"
294
+ .form-group {
295
+ display: inline-block;
296
+ margin-bottom: 0;
297
+ vertical-align: middle;
298
+ }
299
+
300
+ // In navbar-form, allow folks to *not* use `.form-group`
301
+ .form-control {
302
+ display: inline-block;
303
+ }
304
+
305
+ // Remove default margin on radios/checkboxes that were used for stacking, and
306
+ // then undo the floating of radios and checkboxes to match (which also avoids
307
+ // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
308
+ .radio,
309
+ .checkbox {
310
+ display: inline-block;
311
+ margin-top: 0;
312
+ margin-bottom: 0;
313
+ padding-left: 0;
314
+ }
315
+ .radio input[type="radio"],
316
+ .checkbox input[type="checkbox"] {
317
+ float: none;
318
+ margin-left: 0;
319
+ }
320
+ }
321
+ }
322
+
323
+
324
+ // Horizontal forms
325
+ //
326
+ // Horizontal forms are built on grid classes and allow you to create forms with
327
+ // labels on the left and inputs on the right.
328
+
329
+ .form-horizontal {
330
+
331
+ // Consistent vertical alignment of labels, radios, and checkboxes
332
+ .control-label,
333
+ .radio,
334
+ .checkbox,
335
+ .radio-inline,
336
+ .checkbox-inline {
337
+ margin-top: 0;
338
+ margin-bottom: 0;
339
+ padding-top: (@padding-base-vertical + 1); // Default padding plus a border
340
+ }
341
+
342
+ // Make form groups behave like rows
343
+ .form-group {
344
+ .make-row();
345
+ }
346
+
347
+ // Only right align form labels here when the columns stop stacking
348
+ @media (min-width: @screen-tablet) {
349
+ .control-label {
350
+ text-align: right;
351
+ }
352
+ }
353
+ }