less-rails-bootstrap 2.3.3 → 3.0.0.rc1

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.
Files changed (72) hide show
  1. data/.gitignore +1 -0
  2. data/CHANGELOG.md +4 -0
  3. data/README.md +7 -11
  4. data/lib/less/rails/bootstrap/version.rb +1 -1
  5. data/scripts/update_bootstrap.sh +37 -8
  6. data/test/cases/usage_css_spec.rb +15 -12
  7. data/test/cases/usage_js_spec.rb +4 -4
  8. data/test/dummy_app/app/assets/stylesheets/fonts.css.less +2 -0
  9. data/test/dummy_app/app/assets/stylesheets/framework.css.less +4 -2
  10. data/test/dummy_app/app/assets/stylesheets/individual.css.less +2 -2
  11. data/test/spec_helper.rb +1 -2
  12. data/vendor/assets/javascripts/twitter/bootstrap.js +0 -1
  13. data/vendor/assets/javascripts/twitter/bootstrap/affix.js +58 -49
  14. data/vendor/assets/javascripts/twitter/bootstrap/alert.js +36 -37
  15. data/vendor/assets/javascripts/twitter/bootstrap/button.js +41 -39
  16. data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +131 -125
  17. data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +108 -96
  18. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +72 -87
  19. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +149 -155
  20. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +60 -59
  21. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +103 -107
  22. data/vendor/assets/javascripts/twitter/bootstrap/tab.js +73 -82
  23. data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +258 -255
  24. data/vendor/assets/javascripts/twitter/bootstrap/transition.js +34 -38
  25. data/vendor/frameworks/twitter/bootstrap/accordion.less +9 -12
  26. data/vendor/frameworks/twitter/bootstrap/alerts.less +43 -53
  27. data/vendor/frameworks/twitter/bootstrap/bootstrap.less +21 -21
  28. data/vendor/frameworks/twitter/bootstrap/breadcrumbs.less +7 -8
  29. data/vendor/frameworks/twitter/bootstrap/button-groups.less +93 -151
  30. data/vendor/frameworks/twitter/bootstrap/buttons.less +93 -164
  31. data/vendor/frameworks/twitter/bootstrap/carousel.less +110 -63
  32. data/vendor/frameworks/twitter/bootstrap/close.less +18 -17
  33. data/vendor/frameworks/twitter/bootstrap/code.less +14 -20
  34. data/vendor/frameworks/twitter/bootstrap/component-animations.less +10 -3
  35. data/vendor/frameworks/twitter/bootstrap/dropdowns.less +66 -143
  36. data/vendor/frameworks/twitter/bootstrap/forms.less +281 -548
  37. data/vendor/frameworks/twitter/bootstrap/grid.less +194 -11
  38. data/vendor/frameworks/twitter/bootstrap/media.less +8 -7
  39. data/vendor/frameworks/twitter/bootstrap/mixins.less +290 -446
  40. data/vendor/frameworks/twitter/bootstrap/modals.less +92 -51
  41. data/vendor/frameworks/twitter/bootstrap/navbar.less +285 -402
  42. data/vendor/frameworks/twitter/bootstrap/navs.less +176 -348
  43. data/vendor/frameworks/twitter/bootstrap/pager.less +45 -33
  44. data/vendor/frameworks/twitter/bootstrap/pagination.less +89 -104
  45. data/vendor/frameworks/twitter/bootstrap/popovers.less +53 -51
  46. data/vendor/frameworks/twitter/bootstrap/progress-bars.less +28 -45
  47. data/vendor/frameworks/twitter/bootstrap/responsive-utilities.less +92 -32
  48. data/vendor/frameworks/twitter/bootstrap/scaffolding.less +60 -18
  49. data/vendor/frameworks/twitter/bootstrap/tables.less +131 -164
  50. data/vendor/frameworks/twitter/bootstrap/thumbnails.less +20 -31
  51. data/vendor/frameworks/twitter/bootstrap/tooltip.less +45 -20
  52. data/vendor/frameworks/twitter/bootstrap/type.less +84 -99
  53. data/vendor/frameworks/twitter/bootstrap/utilities.less +17 -5
  54. data/vendor/frameworks/twitter/bootstrap/variables.less +446 -179
  55. data/vendor/frameworks/twitter/bootstrap/wells.less +5 -5
  56. metadata +41 -44
  57. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  58. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  59. data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +0 -335
  60. data/vendor/assets/stylesheets/twitter/bootstrap-responsive.css.less +0 -1
  61. data/vendor/assets/stylesheets/twitter/bootstrap.css.less +0 -1
  62. data/vendor/frameworks/twitter/bootstrap.less +0 -1
  63. data/vendor/frameworks/twitter/bootstrap/hero-unit.less +0 -25
  64. data/vendor/frameworks/twitter/bootstrap/labels-badges.less +0 -84
  65. data/vendor/frameworks/twitter/bootstrap/layouts.less +0 -16
  66. data/vendor/frameworks/twitter/bootstrap/reset.less +0 -216
  67. data/vendor/frameworks/twitter/bootstrap/responsive-1200px-min.less +0 -28
  68. data/vendor/frameworks/twitter/bootstrap/responsive-767px-max.less +0 -193
  69. data/vendor/frameworks/twitter/bootstrap/responsive-768px-979px.less +0 -19
  70. data/vendor/frameworks/twitter/bootstrap/responsive-navbar.less +0 -189
  71. data/vendor/frameworks/twitter/bootstrap/responsive.less +0 -48
  72. data/vendor/frameworks/twitter/bootstrap/sprites.less +0 -197
@@ -1 +0,0 @@
1
- @import "twitter/bootstrap/responsive";
@@ -1 +0,0 @@
1
- @import "twitter/bootstrap/bootstrap";
@@ -1 +0,0 @@
1
- @import "bootstrap/bootstrap.less";
@@ -1,25 +0,0 @@
1
- //
2
- // Hero unit
3
- // --------------------------------------------------
4
-
5
-
6
- .hero-unit {
7
- padding: 60px;
8
- margin-bottom: 30px;
9
- font-size: 18px;
10
- font-weight: 200;
11
- line-height: @baseLineHeight * 1.5;
12
- color: @heroUnitLeadColor;
13
- background-color: @heroUnitBackground;
14
- .border-radius(6px);
15
- h1 {
16
- margin-bottom: 0;
17
- font-size: 60px;
18
- line-height: 1;
19
- color: @heroUnitHeadingColor;
20
- letter-spacing: -1px;
21
- }
22
- li {
23
- line-height: @baseLineHeight * 1.5; // Reset since we specify in type.less
24
- }
25
- }
@@ -1,84 +0,0 @@
1
- //
2
- // Labels and badges
3
- // --------------------------------------------------
4
-
5
-
6
- // Base classes
7
- .label,
8
- .badge {
9
- display: inline-block;
10
- padding: 2px 4px;
11
- font-size: @baseFontSize * .846;
12
- font-weight: bold;
13
- line-height: 14px; // ensure proper line-height if floated
14
- color: @white;
15
- vertical-align: baseline;
16
- white-space: nowrap;
17
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
18
- background-color: @grayLight;
19
- }
20
- // Set unique padding and border-radii
21
- .label {
22
- .border-radius(3px);
23
- }
24
- .badge {
25
- padding-left: 9px;
26
- padding-right: 9px;
27
- .border-radius(9px);
28
- }
29
-
30
- // Empty labels/badges collapse
31
- .label,
32
- .badge {
33
- &:empty {
34
- display: none;
35
- }
36
- }
37
-
38
- // Hover/focus state, but only for links
39
- a {
40
- &.label:hover,
41
- &.label:focus,
42
- &.badge:hover,
43
- &.badge:focus {
44
- color: @white;
45
- text-decoration: none;
46
- cursor: pointer;
47
- }
48
- }
49
-
50
- // Colors
51
- // Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
52
- .label,
53
- .badge {
54
- // Important (red)
55
- &-important { background-color: @errorText; }
56
- &-important[href] { background-color: darken(@errorText, 10%); }
57
- // Warnings (orange)
58
- &-warning { background-color: @orange; }
59
- &-warning[href] { background-color: darken(@orange, 10%); }
60
- // Success (green)
61
- &-success { background-color: @successText; }
62
- &-success[href] { background-color: darken(@successText, 10%); }
63
- // Info (turquoise)
64
- &-info { background-color: @infoText; }
65
- &-info[href] { background-color: darken(@infoText, 10%); }
66
- // Inverse (black)
67
- &-inverse { background-color: @grayDark; }
68
- &-inverse[href] { background-color: darken(@grayDark, 10%); }
69
- }
70
-
71
- // Quick fix for labels/badges in buttons
72
- .btn {
73
- .label,
74
- .badge {
75
- position: relative;
76
- top: -1px;
77
- }
78
- }
79
- .btn-mini {
80
- .label,
81
- .badge {
82
- top: 0;
83
- }
84
- }
@@ -1,16 +0,0 @@
1
- //
2
- // Layouts
3
- // --------------------------------------------------
4
-
5
-
6
- // Container (centered, fixed-width layouts)
7
- .container {
8
- .container-fixed();
9
- }
10
-
11
- // Fluid layouts (left aligned, with sidebar, min- & max-width content)
12
- .container-fluid {
13
- padding-right: @gridGutterWidth;
14
- padding-left: @gridGutterWidth;
15
- .clearfix();
16
- }
@@ -1,216 +0,0 @@
1
- //
2
- // Reset CSS
3
- // Adapted from http://github.com/necolas/normalize.css
4
- // --------------------------------------------------
5
-
6
-
7
- // Display in IE6-9 and FF3
8
- // -------------------------
9
-
10
- article,
11
- aside,
12
- details,
13
- figcaption,
14
- figure,
15
- footer,
16
- header,
17
- hgroup,
18
- nav,
19
- section {
20
- display: block;
21
- }
22
-
23
- // Display block in IE6-9 and FF3
24
- // -------------------------
25
-
26
- audio,
27
- canvas,
28
- video {
29
- display: inline-block;
30
- *display: inline;
31
- *zoom: 1;
32
- }
33
-
34
- // Prevents modern browsers from displaying 'audio' without controls
35
- // -------------------------
36
-
37
- audio:not([controls]) {
38
- display: none;
39
- }
40
-
41
- // Base settings
42
- // -------------------------
43
-
44
- html {
45
- font-size: 100%;
46
- -webkit-text-size-adjust: 100%;
47
- -ms-text-size-adjust: 100%;
48
- }
49
- // Focus states
50
- a:focus {
51
- .tab-focus();
52
- }
53
- // Hover & Active
54
- a:hover,
55
- a:active {
56
- outline: 0;
57
- }
58
-
59
- // Prevents sub and sup affecting line-height in all browsers
60
- // -------------------------
61
-
62
- sub,
63
- sup {
64
- position: relative;
65
- font-size: 75%;
66
- line-height: 0;
67
- vertical-align: baseline;
68
- }
69
- sup {
70
- top: -0.5em;
71
- }
72
- sub {
73
- bottom: -0.25em;
74
- }
75
-
76
- // Img border in a's and image quality
77
- // -------------------------
78
-
79
- img {
80
- /* Responsive images (ensure images don't scale beyond their parents) */
81
- max-width: 100%; /* Part 1: Set a maxium relative to the parent */
82
- width: auto\9; /* IE7-8 need help adjusting responsive images */
83
- height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
84
-
85
- vertical-align: middle;
86
- border: 0;
87
- -ms-interpolation-mode: bicubic;
88
- }
89
-
90
- // Prevent max-width from affecting Google Maps
91
- #map_canvas img,
92
- .google-maps img {
93
- max-width: none;
94
- }
95
-
96
- // Forms
97
- // -------------------------
98
-
99
- // Font size in all browsers, margin changes, misc consistency
100
- button,
101
- input,
102
- select,
103
- textarea {
104
- margin: 0;
105
- font-size: 100%;
106
- vertical-align: middle;
107
- }
108
- button,
109
- input {
110
- *overflow: visible; // Inner spacing ie IE6/7
111
- line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
112
- }
113
- button::-moz-focus-inner,
114
- input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
115
- padding: 0;
116
- border: 0;
117
- }
118
- button,
119
- html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
120
- input[type="reset"],
121
- input[type="submit"] {
122
- -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
123
- cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
124
- }
125
- label,
126
- select,
127
- button,
128
- input[type="button"],
129
- input[type="reset"],
130
- input[type="submit"],
131
- input[type="radio"],
132
- input[type="checkbox"] {
133
- cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
134
- }
135
- input[type="search"] { // Appearance in Safari/Chrome
136
- .box-sizing(content-box);
137
- -webkit-appearance: textfield;
138
- }
139
- input[type="search"]::-webkit-search-decoration,
140
- input[type="search"]::-webkit-search-cancel-button {
141
- -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
142
- }
143
- textarea {
144
- overflow: auto; // Remove vertical scrollbar in IE6-9
145
- vertical-align: top; // Readability and alignment cross-browser
146
- }
147
-
148
-
149
- // Printing
150
- // -------------------------
151
- // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
152
-
153
- @media print {
154
-
155
- * {
156
- text-shadow: none !important;
157
- color: #000 !important; // Black prints faster: h5bp.com/s
158
- background: transparent !important;
159
- box-shadow: none !important;
160
- }
161
-
162
- a,
163
- a:visited {
164
- text-decoration: underline;
165
- }
166
-
167
- a[href]:after {
168
- content: " (" attr(href) ")";
169
- }
170
-
171
- abbr[title]:after {
172
- content: " (" attr(title) ")";
173
- }
174
-
175
- // Don't show links for images, or javascript/internal links
176
- .ir a:after,
177
- a[href^="javascript:"]:after,
178
- a[href^="#"]:after {
179
- content: "";
180
- }
181
-
182
- pre,
183
- blockquote {
184
- border: 1px solid #999;
185
- page-break-inside: avoid;
186
- }
187
-
188
- thead {
189
- display: table-header-group; // h5bp.com/t
190
- }
191
-
192
- tr,
193
- img {
194
- page-break-inside: avoid;
195
- }
196
-
197
- img {
198
- max-width: 100% !important;
199
- }
200
-
201
- @page {
202
- margin: 0.5cm;
203
- }
204
-
205
- p,
206
- h2,
207
- h3 {
208
- orphans: 3;
209
- widows: 3;
210
- }
211
-
212
- h2,
213
- h3 {
214
- page-break-after: avoid;
215
- }
216
- }
@@ -1,28 +0,0 @@
1
- //
2
- // Responsive: Large desktop and up
3
- // --------------------------------------------------
4
-
5
-
6
- @media (min-width: 1200px) {
7
-
8
- // Fixed grid
9
- #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);
10
-
11
- // Fluid grid
12
- #grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
13
-
14
- // Input grid
15
- #grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);
16
-
17
- // Thumbnails
18
- .thumbnails {
19
- margin-left: -@gridGutterWidth1200;
20
- }
21
- .thumbnails > li {
22
- margin-left: @gridGutterWidth1200;
23
- }
24
- .row-fluid .thumbnails {
25
- margin-left: 0;
26
- }
27
-
28
- }
@@ -1,193 +0,0 @@
1
- //
2
- // Responsive: Landscape phone to desktop/tablet
3
- // --------------------------------------------------
4
-
5
-
6
- @media (max-width: 767px) {
7
-
8
- // Padding to set content in a bit
9
- body {
10
- padding-left: 20px;
11
- padding-right: 20px;
12
- }
13
- // Negative indent the now static "fixed" navbar
14
- .navbar-fixed-top,
15
- .navbar-fixed-bottom,
16
- .navbar-static-top {
17
- margin-left: -20px;
18
- margin-right: -20px;
19
- }
20
- // Remove padding on container given explicit padding set on body
21
- .container-fluid {
22
- padding: 0;
23
- }
24
-
25
- // TYPOGRAPHY
26
- // ----------
27
- // Reset horizontal dl
28
- .dl-horizontal {
29
- dt {
30
- float: none;
31
- clear: none;
32
- width: auto;
33
- text-align: left;
34
- }
35
- dd {
36
- margin-left: 0;
37
- }
38
- }
39
-
40
- // GRID & CONTAINERS
41
- // -----------------
42
- // Remove width from containers
43
- .container {
44
- width: auto;
45
- }
46
- // Fluid rows
47
- .row-fluid {
48
- width: 100%;
49
- }
50
- // Undo negative margin on rows and thumbnails
51
- .row,
52
- .thumbnails {
53
- margin-left: 0;
54
- }
55
- .thumbnails > li {
56
- float: none;
57
- margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
58
- }
59
- // Make all grid-sized elements block level again
60
- [class*="span"],
61
- .uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
62
- .row-fluid [class*="span"] {
63
- float: none;
64
- display: block;
65
- width: 100%;
66
- margin-left: 0;
67
- .box-sizing(border-box);
68
- }
69
- .span12,
70
- .row-fluid .span12 {
71
- width: 100%;
72
- .box-sizing(border-box);
73
- }
74
- .row-fluid [class*="offset"]:first-child {
75
- margin-left: 0;
76
- }
77
-
78
- // FORM FIELDS
79
- // -----------
80
- // Make span* classes full width
81
- .input-large,
82
- .input-xlarge,
83
- .input-xxlarge,
84
- input[class*="span"],
85
- select[class*="span"],
86
- textarea[class*="span"],
87
- .uneditable-input {
88
- .input-block-level();
89
- }
90
- // But don't let it screw up prepend/append inputs
91
- .input-prepend input,
92
- .input-append input,
93
- .input-prepend input[class*="span"],
94
- .input-append input[class*="span"] {
95
- display: inline-block; // redeclare so they don't wrap to new lines
96
- width: auto;
97
- }
98
- .controls-row [class*="span"] + [class*="span"] {
99
- margin-left: 0;
100
- }
101
-
102
- // Modals
103
- .modal {
104
- position: fixed;
105
- top: 20px;
106
- left: 20px;
107
- right: 20px;
108
- width: auto;
109
- margin: 0;
110
- &.fade { top: -100px; }
111
- &.fade.in { top: 20px; }
112
- }
113
-
114
- }
115
-
116
-
117
-
118
- // UP TO LANDSCAPE PHONE
119
- // ---------------------
120
-
121
- @media (max-width: 480px) {
122
-
123
- // Smooth out the collapsing/expanding nav
124
- .nav-collapse {
125
- -webkit-transform: translate3d(0, 0, 0); // activate the GPU
126
- }
127
-
128
- // Block level the page header small tag for readability
129
- .page-header h1 small {
130
- display: block;
131
- line-height: @baseLineHeight;
132
- }
133
-
134
- // Update checkboxes for iOS
135
- input[type="checkbox"],
136
- input[type="radio"] {
137
- border: 1px solid #ccc;
138
- }
139
-
140
- // Remove the horizontal form styles
141
- .form-horizontal {
142
- .control-label {
143
- float: none;
144
- width: auto;
145
- padding-top: 0;
146
- text-align: left;
147
- }
148
- // Move over all input controls and content
149
- .controls {
150
- margin-left: 0;
151
- }
152
- // Move the options list down to align with labels
153
- .control-list {
154
- padding-top: 0; // has to be padding because margin collaspes
155
- }
156
- // Move over buttons in .form-actions to align with .controls
157
- .form-actions {
158
- padding-left: 10px;
159
- padding-right: 10px;
160
- }
161
- }
162
-
163
- // Medias
164
- // Reset float and spacing to stack
165
- .media .pull-left,
166
- .media .pull-right {
167
- float: none;
168
- display: block;
169
- margin-bottom: 10px;
170
- }
171
- // Remove side margins since we stack instead of indent
172
- .media-object {
173
- margin-right: 0;
174
- margin-left: 0;
175
- }
176
-
177
- // Modals
178
- .modal {
179
- top: 10px;
180
- left: 10px;
181
- right: 10px;
182
- }
183
- .modal-header .close {
184
- padding: 10px;
185
- margin: -10px;
186
- }
187
-
188
- // Carousel
189
- .carousel-caption {
190
- position: static;
191
- }
192
-
193
- }