less-rails-bootstrap 2.0.13 → 2.1.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.
Files changed (61) hide show
  1. data/.gitignore +2 -1
  2. data/CHANGELOG.md +2 -2
  3. data/lib/less/rails/bootstrap/version.rb +1 -1
  4. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  5. data/vendor/assets/javascripts/twitter/bootstrap.js +1 -0
  6. data/vendor/assets/javascripts/twitter/bootstrap/affix.js +104 -0
  7. data/vendor/assets/javascripts/twitter/bootstrap/alert.js +1 -1
  8. data/vendor/assets/javascripts/twitter/bootstrap/button.js +1 -1
  9. data/vendor/assets/javascripts/twitter/bootstrap/carousel.js +12 -5
  10. data/vendor/assets/javascripts/twitter/bootstrap/collapse.js +4 -3
  11. data/vendor/assets/javascripts/twitter/bootstrap/dropdown.js +66 -16
  12. data/vendor/assets/javascripts/twitter/bootstrap/modal.js +95 -74
  13. data/vendor/assets/javascripts/twitter/bootstrap/popover.js +9 -4
  14. data/vendor/assets/javascripts/twitter/bootstrap/scrollspy.js +9 -9
  15. data/vendor/assets/javascripts/twitter/bootstrap/tab.js +2 -2
  16. data/vendor/assets/javascripts/twitter/bootstrap/tooltip.js +15 -15
  17. data/vendor/assets/javascripts/twitter/bootstrap/transition.js +2 -3
  18. data/vendor/assets/javascripts/twitter/bootstrap/typeahead.js +50 -35
  19. data/vendor/frameworks/twitter/bootstrap/accordion.less +3 -2
  20. data/vendor/frameworks/twitter/bootstrap/alerts.less +16 -9
  21. data/vendor/frameworks/twitter/bootstrap/bootstrap.less +1 -1
  22. data/vendor/frameworks/twitter/bootstrap/breadcrumbs.less +10 -10
  23. data/vendor/frameworks/twitter/bootstrap/button-groups.less +76 -23
  24. data/vendor/frameworks/twitter/bootstrap/buttons.less +85 -65
  25. data/vendor/frameworks/twitter/bootstrap/carousel.less +13 -3
  26. data/vendor/frameworks/twitter/bootstrap/close.less +4 -2
  27. data/vendor/frameworks/twitter/bootstrap/code.less +6 -5
  28. data/vendor/frameworks/twitter/bootstrap/component-animations.less +5 -2
  29. data/vendor/frameworks/twitter/bootstrap/dropdowns.less +81 -14
  30. data/vendor/frameworks/twitter/bootstrap/forms.less +100 -48
  31. data/vendor/frameworks/twitter/bootstrap/grid.less +17 -1
  32. data/vendor/frameworks/twitter/bootstrap/hero-unit.less +4 -2
  33. data/vendor/frameworks/twitter/bootstrap/labels-badges.less +19 -2
  34. data/vendor/frameworks/twitter/bootstrap/layouts.less +1 -2
  35. data/vendor/frameworks/twitter/bootstrap/mixins.less +98 -73
  36. data/vendor/frameworks/twitter/bootstrap/modals.less +9 -2
  37. data/vendor/frameworks/twitter/bootstrap/navbar.less +238 -127
  38. data/vendor/frameworks/twitter/bootstrap/navs.less +38 -17
  39. data/vendor/frameworks/twitter/bootstrap/pager.less +5 -4
  40. data/vendor/frameworks/twitter/bootstrap/pagination.less +16 -8
  41. data/vendor/frameworks/twitter/bootstrap/popovers.less +101 -33
  42. data/vendor/frameworks/twitter/bootstrap/progress-bars.less +18 -13
  43. data/vendor/frameworks/twitter/bootstrap/reset.less +6 -3
  44. data/vendor/frameworks/twitter/bootstrap/responsive-1200px-min.less +9 -7
  45. data/vendor/frameworks/twitter/bootstrap/responsive-767px-max.less +86 -68
  46. data/vendor/frameworks/twitter/bootstrap/responsive-768px-979px.less +7 -5
  47. data/vendor/frameworks/twitter/bootstrap/responsive-navbar.less +18 -5
  48. data/vendor/frameworks/twitter/bootstrap/responsive-utilities.less +17 -15
  49. data/vendor/frameworks/twitter/bootstrap/responsive.less +5 -5
  50. data/vendor/frameworks/twitter/bootstrap/scaffolding.less +26 -4
  51. data/vendor/frameworks/twitter/bootstrap/sprites.less +15 -19
  52. data/vendor/frameworks/twitter/bootstrap/tables.less +60 -11
  53. data/vendor/frameworks/twitter/bootstrap/thumbnails.less +9 -4
  54. data/vendor/frameworks/twitter/bootstrap/tooltip.less +47 -12
  55. data/vendor/frameworks/twitter/bootstrap/type.less +57 -83
  56. data/vendor/frameworks/twitter/bootstrap/utilities.less +9 -2
  57. data/vendor/frameworks/twitter/bootstrap/variables.less +100 -29
  58. data/vendor/frameworks/twitter/bootstrap/wells.less +7 -5
  59. metadata +11 -12
  60. data/vendor/frameworks/twitter/bootstrap/badges.less +0 -36
  61. data/vendor/frameworks/twitter/bootstrap/labels.less +0 -38
@@ -1,10 +1,9 @@
1
- // Variables.less
2
- // Variables to customize the look and feel of Bootstrap
3
- // -----------------------------------------------------
4
-
1
+ //
2
+ // Variables
3
+ // --------------------------------------------------
5
4
 
6
5
 
7
- // GLOBAL VALUES
6
+ // Global values
8
7
  // --------------------------------------------------
9
8
 
10
9
 
@@ -47,11 +46,11 @@
47
46
  // -------------------------
48
47
  @sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
49
48
  @serifFontFamily: Georgia, "Times New Roman", Times, serif;
50
- @monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
49
+ @monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
51
50
 
52
- @baseFontSize: 13px;
51
+ @baseFontSize: 14px;
53
52
  @baseFontFamily: @sansFontFamily;
54
- @baseLineHeight: 18px;
53
+ @baseLineHeight: 20px;
55
54
  @altFontFamily: @serifFontFamily;
56
55
 
57
56
  @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
@@ -71,10 +70,10 @@
71
70
  // -------------------------
72
71
  @btnBackground: @white;
73
72
  @btnBackgroundHighlight: darken(@white, 10%);
74
- @btnBorder: #ccc;
73
+ @btnBorder: #bbb;
75
74
 
76
75
  @btnPrimaryBackground: @linkColor;
77
- @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
76
+ @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%);
78
77
 
79
78
  @btnInfoBackground: #5bc0de;
80
79
  @btnInfoBackgroundHighlight: #2f96b4;
@@ -88,7 +87,7 @@
88
87
  @btnDangerBackground: #ee5f5b;
89
88
  @btnDangerBackgroundHighlight: #bd362f;
90
89
 
91
- @btnInverseBackground: @gray;
90
+ @btnInverseBackground: #444;
92
91
  @btnInverseBackgroundHighlight: @grayDarker;
93
92
 
94
93
 
@@ -104,12 +103,17 @@
104
103
  // -------------------------
105
104
  @dropdownBackground: @white;
106
105
  @dropdownBorder: rgba(0,0,0,.2);
107
- @dropdownLinkColor: @grayDark;
108
- @dropdownLinkColorHover: @white;
109
- @dropdownLinkBackgroundHover: @linkColor;
110
106
  @dropdownDividerTop: #e5e5e5;
111
107
  @dropdownDividerBottom: @white;
112
108
 
109
+ @dropdownLinkColor: @grayDark;
110
+
111
+ @dropdownLinkColorHover: @white;
112
+ @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
113
+
114
+ @dropdownLinkColorActive: @dropdownLinkColor;
115
+ @dropdownLinkBackgroundActive: @linkColor;
116
+
113
117
 
114
118
 
115
119
  // COMPONENT VARIABLES
@@ -121,7 +125,7 @@
121
125
  // Try to avoid customizing these :)
122
126
  @zindexDropdown: 1000;
123
127
  @zindexPopover: 1010;
124
- @zindexTooltip: 1020;
128
+ @zindexTooltip: 1030;
125
129
  @zindexFixedNavbar: 1030;
126
130
  @zindexModalBackdrop: 1040;
127
131
  @zindexModal: 1050;
@@ -143,25 +147,55 @@
143
147
  @hrBorder: @grayLighter;
144
148
 
145
149
 
150
+ // Wells
151
+ // -------------------------
152
+ @wellBackground: #f5f5f5;
153
+
154
+
146
155
  // Navbar
147
156
  // -------------------------
148
- @navbarHeight: 40px;
149
- @navbarBackground: @grayDarker;
150
- @navbarBackgroundHighlight: @grayDark;
157
+ @navbarCollapseWidth: 979px;
151
158
 
152
- @navbarText: @grayLight;
153
- @navbarLinkColor: @grayLight;
154
- @navbarLinkColorHover: @white;
155
- @navbarLinkColorActive: @navbarLinkColorHover;
159
+ @navbarHeight: 40px;
160
+ @navbarBackground: darken(@navbarBackgroundHighlight, 5%);
161
+ @navbarBackgroundHighlight: #ffffff;
162
+ @navbarBorder: darken(@navbarBackground, 12%);
163
+
164
+ @navbarText: @gray;
165
+ @navbarLinkColor: @gray;
166
+ @navbarLinkColorHover: @grayDark;
167
+ @navbarLinkColorActive: @gray;
156
168
  @navbarLinkBackgroundHover: transparent;
157
- @navbarLinkBackgroundActive: @navbarBackground;
169
+ @navbarLinkBackgroundActive: darken(@navbarBackground, 5%);
158
170
 
159
- @navbarSearchBackground: lighten(@navbarBackground, 25%);
160
- @navbarSearchBackgroundFocus: @white;
161
- @navbarSearchBorder: darken(@navbarSearchBackground, 30%);
162
- @navbarSearchPlaceholderColor: #ccc;
163
171
  @navbarBrandColor: @navbarLinkColor;
164
172
 
173
+ // Inverted navbar
174
+ @navbarInverseBackground: #111111;
175
+ @navbarInverseBackgroundHighlight: #222222;
176
+ @navbarInverseBorder: #252525;
177
+
178
+ @navbarInverseText: @grayLight;
179
+ @navbarInverseLinkColor: @grayLight;
180
+ @navbarInverseLinkColorHover: @white;
181
+ @navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
182
+ @navbarInverseLinkBackgroundHover: transparent;
183
+ @navbarInverseLinkBackgroundActive: @navbarInverseBackground;
184
+
185
+ @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
186
+ @navbarInverseSearchBackgroundFocus: @white;
187
+ @navbarInverseSearchBorder: @navbarInverseBackground;
188
+ @navbarInverseSearchPlaceholderColor: #ccc;
189
+
190
+ @navbarInverseBrandColor: @navbarInverseLinkColor;
191
+
192
+
193
+ // Pagination
194
+ // -------------------------
195
+ @paginationBackground: #fff;
196
+ @paginationBorder: #ddd;
197
+ @paginationActiveBackground: #f5f5f5;
198
+
165
199
 
166
200
  // Hero unit
167
201
  // -------------------------
@@ -189,10 +223,28 @@
189
223
  @infoBorder: darken(spin(@infoBackground, -10), 7%);
190
224
 
191
225
 
226
+ // Tooltips and popovers
227
+ // -------------------------
228
+ @tooltipColor: #fff;
229
+ @tooltipBackground: #000;
230
+ @tooltipArrowWidth: 5px;
231
+ @tooltipArrowColor: @tooltipBackground;
232
+
233
+ @popoverBackground: #fff;
234
+ @popoverArrowWidth: 10px;
235
+ @popoverArrowColor: #fff;
236
+ @popoverTitleBackground: darken(@popoverBackground, 3%);
237
+
238
+ // Special enhancement for popovers
239
+ @popoverArrowOuterWidth: @popoverArrowWidth + 1;
240
+ @popoverArrowOuterColor: rgba(0,0,0,.25);
241
+
242
+
192
243
 
193
244
  // GRID
194
245
  // --------------------------------------------------
195
246
 
247
+
196
248
  // Default 940px grid
197
249
  // -------------------------
198
250
  @gridColumns: 12;
@@ -200,7 +252,26 @@
200
252
  @gridGutterWidth: 20px;
201
253
  @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
202
254
 
255
+ // 1200px min
256
+ @gridColumnWidth1200: 70px;
257
+ @gridGutterWidth1200: 30px;
258
+ @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
259
+
260
+ // 768px-979px
261
+ @gridColumnWidth768: 42px;
262
+ @gridGutterWidth768: 20px;
263
+ @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
264
+
265
+
203
266
  // Fluid grid
204
267
  // -------------------------
205
- @fluidGridColumnWidth: 6.382978723%;
206
- @fluidGridGutterWidth: 2.127659574%;
268
+ @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
269
+ @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
270
+
271
+ // 1200px min
272
+ @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
273
+ @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
274
+
275
+ // 768px-979px
276
+ @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
277
+ @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
@@ -1,13 +1,15 @@
1
- // WELLS
2
- // -----
1
+ //
2
+ // Wells
3
+ // --------------------------------------------------
3
4
 
5
+
6
+ // Base class
4
7
  .well {
5
8
  min-height: 20px;
6
9
  padding: 19px;
7
10
  margin-bottom: 20px;
8
- background-color: #f5f5f5;
9
- border: 1px solid #eee;
10
- border: 1px solid rgba(0,0,0,.05);
11
+ background-color: @wellBackground;
12
+ border: 1px solid darken(@wellBackground, 7%);
11
13
  .border-radius(4px);
12
14
  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
13
15
  blockquote {
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: less-rails-bootstrap
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.0.13
4
+ version: 2.1.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,11 +9,11 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-06-07 00:00:00.000000000 Z
12
+ date: 2012-08-21 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: less-rails
16
- requirement: &70134891370920 !ruby/object:Gem::Requirement
16
+ requirement: &70359656237260 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ~>
@@ -21,10 +21,10 @@ dependencies:
21
21
  version: 2.2.0
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *70134891370920
24
+ version_requirements: *70359656237260
25
25
  - !ruby/object:Gem::Dependency
26
26
  name: minitest
27
- requirement: &70134891370480 !ruby/object:Gem::Requirement
27
+ requirement: &70359656236840 !ruby/object:Gem::Requirement
28
28
  none: false
29
29
  requirements:
30
30
  - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
32
32
  version: '0'
33
33
  type: :development
34
34
  prerelease: false
35
- version_requirements: *70134891370480
35
+ version_requirements: *70359656236840
36
36
  - !ruby/object:Gem::Dependency
37
37
  name: guard-minitest
38
- requirement: &70134891369960 !ruby/object:Gem::Requirement
38
+ requirement: &70359656236380 !ruby/object:Gem::Requirement
39
39
  none: false
40
40
  requirements:
41
41
  - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
43
43
  version: '0'
44
44
  type: :development
45
45
  prerelease: false
46
- version_requirements: *70134891369960
46
+ version_requirements: *70359656236380
47
47
  - !ruby/object:Gem::Dependency
48
48
  name: rails
49
- requirement: &70134891369460 !ruby/object:Gem::Requirement
49
+ requirement: &70359656235880 !ruby/object:Gem::Requirement
50
50
  none: false
51
51
  requirements:
52
52
  - - ~>
@@ -54,7 +54,7 @@ dependencies:
54
54
  version: '3.1'
55
55
  type: :development
56
56
  prerelease: false
57
- version_requirements: *70134891369460
57
+ version_requirements: *70359656235880
58
58
  description: CSS toolkit from Twitter For Rails 3.1 Asset Pipeline. Best one of all!
59
59
  email:
60
60
  - ken@metaskills.net
@@ -88,6 +88,7 @@ files:
88
88
  - vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png
89
89
  - vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png
90
90
  - vendor/assets/javascripts/twitter/bootstrap.js
91
+ - vendor/assets/javascripts/twitter/bootstrap/affix.js
91
92
  - vendor/assets/javascripts/twitter/bootstrap/alert.js
92
93
  - vendor/assets/javascripts/twitter/bootstrap/button.js
93
94
  - vendor/assets/javascripts/twitter/bootstrap/carousel.js
@@ -105,7 +106,6 @@ files:
105
106
  - vendor/frameworks/twitter/bootstrap.less
106
107
  - vendor/frameworks/twitter/bootstrap/accordion.less
107
108
  - vendor/frameworks/twitter/bootstrap/alerts.less
108
- - vendor/frameworks/twitter/bootstrap/badges.less
109
109
  - vendor/frameworks/twitter/bootstrap/bootstrap.less
110
110
  - vendor/frameworks/twitter/bootstrap/breadcrumbs.less
111
111
  - vendor/frameworks/twitter/bootstrap/button-groups.less
@@ -119,7 +119,6 @@ files:
119
119
  - vendor/frameworks/twitter/bootstrap/grid.less
120
120
  - vendor/frameworks/twitter/bootstrap/hero-unit.less
121
121
  - vendor/frameworks/twitter/bootstrap/labels-badges.less
122
- - vendor/frameworks/twitter/bootstrap/labels.less
123
122
  - vendor/frameworks/twitter/bootstrap/layouts.less
124
123
  - vendor/frameworks/twitter/bootstrap/mixins.less
125
124
  - vendor/frameworks/twitter/bootstrap/modals.less
@@ -1,36 +0,0 @@
1
- // BADGES
2
- // ------
3
-
4
- // Base
5
- .badge {
6
- padding: 1px 9px 2px;
7
- font-size: @baseFontSize * .925;
8
- font-weight: bold;
9
- white-space: nowrap;
10
- color: @white;
11
- background-color: @grayLight;
12
- .border-radius(9px);
13
- }
14
-
15
- // Hover state
16
- .badge:hover {
17
- color: @white;
18
- text-decoration: none;
19
- cursor: pointer;
20
- }
21
-
22
- // Colors
23
- .badge-error { background-color: @errorText; }
24
- .badge-error:hover { background-color: darken(@errorText, 10%); }
25
-
26
- .badge-warning { background-color: @orange; }
27
- .badge-warning:hover { background-color: darken(@orange, 10%); }
28
-
29
- .badge-success { background-color: @successText; }
30
- .badge-success:hover { background-color: darken(@successText, 10%); }
31
-
32
- .badge-info { background-color: @infoText; }
33
- .badge-info:hover { background-color: darken(@infoText, 10%); }
34
-
35
- .badge-inverse { background-color: @grayDark; }
36
- .badge-inverse:hover { background-color: darken(@grayDark, 10%); }
@@ -1,38 +0,0 @@
1
- // LABELS
2
- // ------
3
-
4
- // Base
5
- .label {
6
- padding: 1px 4px 2px;
7
- font-size: @baseFontSize * .846;
8
- font-weight: bold;
9
- line-height: 13px; // ensure proper line-height if floated
10
- color: @white;
11
- vertical-align: middle;
12
- white-space: nowrap;
13
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
14
- background-color: @grayLight;
15
- .border-radius(3px);
16
- }
17
-
18
- // Hover state
19
- .label:hover {
20
- color: @white;
21
- text-decoration: none;
22
- }
23
-
24
- // Colors
25
- .label-important { background-color: @errorText; }
26
- .label-important:hover { background-color: darken(@errorText, 10%); }
27
-
28
- .label-warning { background-color: @orange; }
29
- .label-warning:hover { background-color: darken(@orange, 10%); }
30
-
31
- .label-success { background-color: @successText; }
32
- .label-success:hover { background-color: darken(@successText, 10%); }
33
-
34
- .label-info { background-color: @infoText; }
35
- .label-info:hover { background-color: darken(@infoText, 10%); }
36
-
37
- .label-inverse { background-color: @grayDark; }
38
- .label-inverse:hover { background-color: darken(@grayDark, 10%); }