less-rails-bootswatch 0.2.11 → 0.3.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 (25) hide show
  1. data/lib/less/rails/bootswatch/version.rb +1 -1
  2. data/vendor/frameworks/stylesheets/bootswatch/amelia/bootswatch.less +174 -61
  3. data/vendor/frameworks/stylesheets/bootswatch/amelia/variables.less +91 -18
  4. data/vendor/frameworks/stylesheets/bootswatch/cerulean/bootswatch.less +66 -27
  5. data/vendor/frameworks/stylesheets/bootswatch/cerulean/variables.less +93 -20
  6. data/vendor/frameworks/stylesheets/bootswatch/cyborg/bootswatch.less +134 -44
  7. data/vendor/frameworks/stylesheets/bootswatch/cyborg/variables.less +88 -15
  8. data/vendor/frameworks/stylesheets/bootswatch/default/variables.less +102 -29
  9. data/vendor/frameworks/stylesheets/bootswatch/journal/bootswatch.less +11 -2
  10. data/vendor/frameworks/stylesheets/bootswatch/journal/variables.less +88 -15
  11. data/vendor/frameworks/stylesheets/bootswatch/readable/bootswatch.less +79 -98
  12. data/vendor/frameworks/stylesheets/bootswatch/readable/variables.less +98 -25
  13. data/vendor/frameworks/stylesheets/bootswatch/simplex/bootswatch.less +87 -36
  14. data/vendor/frameworks/stylesheets/bootswatch/simplex/variables.less +97 -24
  15. data/vendor/frameworks/stylesheets/bootswatch/slate/bootswatch.less +104 -51
  16. data/vendor/frameworks/stylesheets/bootswatch/slate/variables.less +88 -15
  17. data/vendor/frameworks/stylesheets/bootswatch/spacelab/bootswatch.less +53 -33
  18. data/vendor/frameworks/stylesheets/bootswatch/spacelab/variables.less +92 -19
  19. data/vendor/frameworks/stylesheets/bootswatch/spruce/bootswatch.less +120 -69
  20. data/vendor/frameworks/stylesheets/bootswatch/spruce/variables.less +106 -33
  21. data/vendor/frameworks/stylesheets/bootswatch/superhero/bootswatch.less +66 -48
  22. data/vendor/frameworks/stylesheets/bootswatch/superhero/variables.less +87 -18
  23. data/vendor/frameworks/stylesheets/bootswatch/united/bootswatch.less +36 -21
  24. data/vendor/frameworks/stylesheets/bootswatch/united/variables.less +92 -19
  25. metadata +4 -4
@@ -1,6 +1,6 @@
1
1
  // Bootswatch.less
2
2
  // Swatch: United
3
- // Version: 2.0.4
3
+ // Version: 2.1.0
4
4
  // -----------------------------------------------------
5
5
 
6
6
  // TYPOGRAPHY
@@ -14,22 +14,22 @@
14
14
  .navbar {
15
15
 
16
16
  .nav > li > a {
17
- border-right: 1px solid #C03D14;
18
- border-left: 1px solid #E6633A;
17
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
18
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
19
19
 
20
20
  &:hover {
21
- background-color: @linkColorHover;
21
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
22
22
  }
23
23
  }
24
24
 
25
- .nav .active > a,
26
- .nav .active > a:hover {
27
- background-color: rgba(0,0,0,.2);
25
+ .nav > .active > a,
26
+ .nav > .active > a:hover {
27
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
28
28
  }
29
29
 
30
30
  .divider-vertical {
31
31
  background-color: inherit;
32
- border-right: 0px solid #CE4213;
32
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
33
33
  }
34
34
 
35
35
  .navbar-text {
@@ -43,21 +43,29 @@
43
43
  border: 1px solid darken(@navbarBackground, 15%);
44
44
  }
45
45
 
46
- .nav-collapse.collapse > .nav li > a {
47
- color: @white;
48
- border-left: 0px solid @orange;
49
- border-right: 0px solid @orange;
46
+ .nav-collapse.collapse {
50
47
 
51
- &:hover {
52
- background-color: @linkColorHover;
48
+ .nav li > a {
49
+ color: @white;
50
+ border-left: 0px solid @orange;
51
+ border-right: 0px solid @orange;
52
+
53
+ &:hover {
54
+ background-color: rgba(0, 0, 0, 0.3);
55
+ background-image: none;
56
+ }
53
57
  }
54
- }
55
58
 
56
- .nav-collapse.collapse .navbar-form,
57
- .nav-collapse.collapse .navbar-search {
58
- border-top: 0px solid @orange;
59
- border-bottom: 0px solid @orange;
60
- .box-shadow(none);
59
+ .navbar-form,
60
+ .navbar-search {
61
+ border-top: 0px solid @orange;
62
+ border-bottom: 0px solid @orange;
63
+ .box-shadow(none);
64
+ }
65
+
66
+ .nav-header {
67
+ color: @grayLighter;
68
+ }
61
69
  }
62
70
  }
63
71
 
@@ -72,10 +80,17 @@
72
80
  .buttonBackground(lighten(@yellow, 15%), @yellow);
73
81
  }
74
82
 
75
- // FORMS
83
+ // NAVIGATION
76
84
  // -----------------------------------------------------
77
85
 
78
86
 
87
+ .nav-tabs .open .dropdown-toggle,
88
+ .nav-pills .open .dropdown-toggle,
89
+ .nav > li.dropdown.open.active > a:hover {
90
+ border-right: 1px solid #C03D14;
91
+ border-left: 1px solid #E6633A;
92
+ }
93
+
79
94
  // MISC
80
95
  // -----------------------------------------------------
81
96
 
@@ -1,10 +1,11 @@
1
- // Variables.less
2
- // Variables to customize the look and feel of Bootstrap
1
+ //
2
+ // Variables
3
3
  // Swatch: United
4
- // Version: 2.0.4
5
- // -----------------------------------------------------
4
+ // Version: 2.1.0
5
+ // --------------------------------------------------
6
+
6
7
 
7
- // GLOBAL VALUES
8
+ // Global values
8
9
  // --------------------------------------------------
9
10
 
10
11
 
@@ -49,9 +50,9 @@
49
50
  @serifFontFamily: Georgia, "Times New Roman", Times, serif;
50
51
  @monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
51
52
 
52
- @baseFontSize: 13px;
53
+ @baseFontSize: 14px;
53
54
  @baseFontFamily: @sansFontFamily;
54
- @baseLineHeight: 18px;
55
+ @baseLineHeight: 20px;
55
56
  @altFontFamily: @serifFontFamily;
56
57
 
57
58
  @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
@@ -104,12 +105,17 @@
104
105
  // -------------------------
105
106
  @dropdownBackground: @white;
106
107
  @dropdownBorder: rgba(0,0,0,.2);
107
- @dropdownLinkColor: @linkColor;
108
- @dropdownLinkColorHover: @white;
109
- @dropdownLinkBackgroundHover: @linkColor;
110
108
  @dropdownDividerTop: #e5e5e5;
111
109
  @dropdownDividerBottom: @white;
112
110
 
111
+ @dropdownLinkColor: @linkColor;
112
+
113
+ @dropdownLinkColorHover: @white;
114
+ @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
115
+
116
+ @dropdownLinkColorActive: @dropdownLinkColor;
117
+ @dropdownLinkBackgroundActive: @linkColor;
118
+
113
119
 
114
120
 
115
121
  // COMPONENT VARIABLES
@@ -121,7 +127,7 @@
121
127
  // Try to avoid customizing these :)
122
128
  @zindexDropdown: 1000;
123
129
  @zindexPopover: 1010;
124
- @zindexTooltip: 1020;
130
+ @zindexTooltip: 1030;
125
131
  @zindexFixedNavbar: 1030;
126
132
  @zindexModalBackdrop: 1040;
127
133
  @zindexModal: 1050;
@@ -143,25 +149,55 @@
143
149
  @hrBorder: @grayLighter;
144
150
 
145
151
 
152
+ // Wells
153
+ // -------------------------
154
+ @wellBackground: #f5f5f5;
155
+
156
+
146
157
  // Navbar
147
158
  // -------------------------
159
+ @navbarCollapseWidth: 979px;
160
+
148
161
  @navbarHeight: 40px;
149
162
  @navbarBackground: @orange;
150
163
  @navbarBackgroundHighlight: #CE4213;
164
+ @navbarBorder: darken(@navbarBackground, 5%);
151
165
 
152
166
  @navbarText: @white;
153
167
  @navbarLinkColor: @white;
154
168
  @navbarLinkColorHover: @white;
155
169
  @navbarLinkColorActive: @navbarLinkColorHover;
156
- @navbarLinkBackgroundHover: transparent;
157
- @navbarLinkBackgroundActive: @navbarBackground;
170
+ @navbarLinkBackgroundHover: rgba(0,0,0,.2);
171
+ @navbarLinkBackgroundActive: rgba(0,0,0,.2);
158
172
 
159
- @navbarSearchBackground: lighten(@navbarBackground, 25%);
160
- @navbarSearchBackgroundFocus: @white;
161
- @navbarSearchBorder: darken(@navbarSearchBackground, 30%);
162
- @navbarSearchPlaceholderColor: @white;
163
173
  @navbarBrandColor: @navbarLinkColor;
164
174
 
175
+ // Inverted navbar
176
+ @navbarInverseBackground: @purple;
177
+ @navbarInverseBackgroundHighlight: lighten(@purple, 4%);
178
+ @navbarInverseBorder: darken(@navbarInverseBackground, 5%);
179
+
180
+ @navbarInverseText: @white;
181
+ @navbarInverseLinkColor: @white;
182
+ @navbarInverseLinkColorHover: @white;
183
+ @navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
184
+ @navbarInverseLinkBackgroundHover: rgba(0,0,0,.2);
185
+ @navbarInverseLinkBackgroundActive: @navbarInverseBackground;
186
+
187
+ @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
188
+ @navbarInverseSearchBackgroundFocus: @white;
189
+ @navbarInverseSearchBorder: @navbarInverseBackground;
190
+ @navbarInverseSearchPlaceholderColor: #eee;
191
+
192
+ @navbarInverseBrandColor: @navbarInverseLinkColor;
193
+
194
+
195
+ // Pagination
196
+ // -------------------------
197
+ @paginationBackground: #fff;
198
+ @paginationBorder: #ddd;
199
+ @paginationActiveBackground: #f5f5f5;
200
+
165
201
 
166
202
  // Hero unit
167
203
  // -------------------------
@@ -189,10 +225,28 @@
189
225
  @infoBorder: darken(spin(@infoBackground, -10), 7%);
190
226
 
191
227
 
228
+ // Tooltips and popovers
229
+ // -------------------------
230
+ @tooltipColor: #fff;
231
+ @tooltipBackground: #000;
232
+ @tooltipArrowWidth: 5px;
233
+ @tooltipArrowColor: @tooltipBackground;
234
+
235
+ @popoverBackground: #fff;
236
+ @popoverArrowWidth: 10px;
237
+ @popoverArrowColor: #fff;
238
+ @popoverTitleBackground: darken(@popoverBackground, 3%);
239
+
240
+ // Special enhancement for popovers
241
+ @popoverArrowOuterWidth: @popoverArrowWidth + 1;
242
+ @popoverArrowOuterColor: rgba(0,0,0,.25);
243
+
244
+
192
245
 
193
246
  // GRID
194
247
  // --------------------------------------------------
195
248
 
249
+
196
250
  // Default 940px grid
197
251
  // -------------------------
198
252
  @gridColumns: 12;
@@ -200,7 +254,26 @@
200
254
  @gridGutterWidth: 20px;
201
255
  @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
202
256
 
257
+ // 1200px min
258
+ @gridColumnWidth1200: 70px;
259
+ @gridGutterWidth1200: 30px;
260
+ @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
261
+
262
+ // 768px-979px
263
+ @gridColumnWidth768: 42px;
264
+ @gridGutterWidth768: 20px;
265
+ @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
266
+
267
+
203
268
  // Fluid grid
204
269
  // -------------------------
205
- @fluidGridColumnWidth: 6.382978723%;
206
- @fluidGridGutterWidth: 2.127659574%;
270
+ @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
271
+ @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
272
+
273
+ // 1200px min
274
+ @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
275
+ @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
276
+
277
+ // 768px-979px
278
+ @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
279
+ @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: less-rails-bootswatch
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.11
4
+ version: 0.3.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-08-08 00:00:00.000000000 Z
12
+ date: 2012-08-24 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: less-rails-bootstrap
@@ -18,7 +18,7 @@ dependencies:
18
18
  requirements:
19
19
  - - ~>
20
20
  - !ruby/object:Gem::Version
21
- version: 2.0.13
21
+ version: 2.1.0
22
22
  type: :runtime
23
23
  prerelease: false
24
24
  version_requirements: !ruby/object:Gem::Requirement
@@ -26,7 +26,7 @@ dependencies:
26
26
  requirements:
27
27
  - - ~>
28
28
  - !ruby/object:Gem::Version
29
- version: 2.0.13
29
+ version: 2.1.0
30
30
  description: less-rails-bootswatch is straightforward Bootswatches integration with
31
31
  Rails, works well with less-rails-bootstrap.
32
32
  email: