less-rails-bootswatch 0.2.11 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
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: