less-rails-bootswatch 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (33) hide show
  1. data/Gemfile +3 -0
  2. data/Gemfile.lock +72 -0
  3. data/LICENSE +22 -0
  4. data/LICENSE-bootswatch +13 -0
  5. data/README.md +29 -0
  6. data/Rakefile +47 -0
  7. data/lib/less/rails/bootswatch/engine.rb +9 -0
  8. data/lib/less/rails/bootswatch/version.rb +7 -0
  9. data/lib/less/rails/bootswatch.rb +2 -0
  10. data/vendor/assets/stylesheets/bootswatch/amelia/bootswatch.less +600 -0
  11. data/vendor/assets/stylesheets/bootswatch/amelia/variables.less +203 -0
  12. data/vendor/assets/stylesheets/bootswatch/cerulean/bootswatch.less +97 -0
  13. data/vendor/assets/stylesheets/bootswatch/cerulean/variables.less +203 -0
  14. data/vendor/assets/stylesheets/bootswatch/cyborg/bootswatch.less +473 -0
  15. data/vendor/assets/stylesheets/bootswatch/cyborg/variables.less +203 -0
  16. data/vendor/assets/stylesheets/bootswatch/default/variables.less +201 -0
  17. data/vendor/assets/stylesheets/bootswatch/journal/bootswatch.less +159 -0
  18. data/vendor/assets/stylesheets/bootswatch/journal/variables.less +203 -0
  19. data/vendor/assets/stylesheets/bootswatch/readable/bootswatch.less +452 -0
  20. data/vendor/assets/stylesheets/bootswatch/readable/variables.less +203 -0
  21. data/vendor/assets/stylesheets/bootswatch/simplex/bootswatch.less +276 -0
  22. data/vendor/assets/stylesheets/bootswatch/simplex/variables.less +203 -0
  23. data/vendor/assets/stylesheets/bootswatch/slate/bootswatch.less +417 -0
  24. data/vendor/assets/stylesheets/bootswatch/slate/variables.less +203 -0
  25. data/vendor/assets/stylesheets/bootswatch/spacelab/bootswatch.less +175 -0
  26. data/vendor/assets/stylesheets/bootswatch/spacelab/variables.less +203 -0
  27. data/vendor/assets/stylesheets/bootswatch/spruce/bootswatch.less +503 -0
  28. data/vendor/assets/stylesheets/bootswatch/spruce/variables.less +203 -0
  29. data/vendor/assets/stylesheets/bootswatch/superhero/bootswatch.less +625 -0
  30. data/vendor/assets/stylesheets/bootswatch/superhero/variables.less +203 -0
  31. data/vendor/assets/stylesheets/bootswatch/united/bootswatch.less +97 -0
  32. data/vendor/assets/stylesheets/bootswatch/united/variables.less +203 -0
  33. metadata +90 -0
@@ -0,0 +1,452 @@
1
+ // Bootswatch.less
2
+ // Swatch: Readable
3
+ // Version: 2.0.2
4
+ // -----------------------------------------------------
5
+
6
+ // TYPOGRAPHY
7
+ // -----------------------------------------------------
8
+
9
+ h1, h2, h3, h4, h5, h6 {
10
+ line-height: 2em;
11
+ color: @textColor;
12
+ }
13
+
14
+ h1 {
15
+ font-size: 2em;
16
+ }
17
+
18
+ h2 {
19
+ font-size: 1.5em;
20
+ }
21
+
22
+ h3, h4, h5, h6 {
23
+ font-size: 1em;
24
+ text-transform: none;
25
+ }
26
+
27
+ small {
28
+ font-size: 13px;
29
+ }
30
+
31
+ .muted, .help-block, .uneditable-input, blockquote, small {
32
+ color: @grayLight;
33
+ }
34
+
35
+ // SCAFFOLDING
36
+ // -----------------------------------------------------
37
+
38
+ body {
39
+ padding-top: 20px !important;
40
+ }
41
+
42
+ .page-header {
43
+ padding-bottom: 1em;
44
+ border-bottom: 2px solid @grayLighter;
45
+ }
46
+
47
+ footer.footer {
48
+ padding-top: 2em;
49
+ padding-bottom: 3em;
50
+ border-top: 2px solid @grayLighter;
51
+ }
52
+
53
+ // NAVBAR
54
+ // -----------------------------------------------------
55
+
56
+ .navbar {
57
+
58
+ margin-left: 16px;
59
+
60
+ .navbar-inner {
61
+ .box-shadow(none);
62
+ }
63
+
64
+ .brand {
65
+ color: @linkColor;
66
+ font-size: @baseFontSize;
67
+ font-weight: bold;
68
+ line-height: 1em;
69
+ padding: 10px 10px 11px;
70
+
71
+ &:hover {
72
+ color: @linkColorHover;
73
+ }
74
+ }
75
+
76
+ .nav > li > a {
77
+ text-shadow: none;
78
+ padding: 10px;
79
+ }
80
+
81
+ .nav > li.active > a,
82
+ .nav > li:active > a,
83
+ .dropdown.open .dropdown-toggle {
84
+ color: @linkColor;
85
+ }
86
+
87
+ .search-query {
88
+ border: 1px solid #D4D4D4;
89
+ .border-radius(0);
90
+ color: @textColor;
91
+ background-color: @white;
92
+ }
93
+
94
+ .nav .dropdown-toggle .caret,
95
+ .nav .open.dropdown .caret {
96
+ border-top-color: @linkColor;
97
+ opacity: 1;
98
+ }
99
+ }
100
+
101
+ @media (max-width: 980px) {
102
+ form.navbar-form, form.navbar-search {
103
+ border-top: 1px solid #D4D4D4;
104
+ border-bottom: 1px solid #D4D4D4;
105
+ }
106
+ }
107
+
108
+ .navbar-fixed-top {
109
+ position: static;
110
+ margin-bottom: 1.6em;
111
+ }
112
+
113
+ div.subnav {
114
+ .box-shadow(none);
115
+ .border-radius(0);
116
+ background-color: @white;
117
+ background-image: none;
118
+
119
+ .nav {
120
+ padding: 0;
121
+ }
122
+
123
+ .nav > li.active > a,
124
+ .nav > li:active > a {
125
+ color: @linkColor;
126
+ .box-shadow(none);
127
+ background-color: transparent;
128
+ }
129
+
130
+ .nav > li > a:hover,
131
+ .nav > li.active > a:hover,
132
+ .nav > li:active > a:hover {
133
+ color: @linkColorHover;
134
+ .box-shadow(none);
135
+ background-color: transparent;
136
+ }
137
+ }
138
+
139
+ div.subnav-fixed {
140
+ position: static;
141
+ left: auto;
142
+ width: 100%;
143
+ margin: 0;
144
+ .box-shadow(none);
145
+ .border-radius(4px);
146
+ border: 1px solid #E5E5E5;
147
+
148
+ .nav {
149
+ width: auto;
150
+ padding: 0;
151
+ }
152
+ }
153
+
154
+ .dropdown-menu {
155
+ border: 1px solid #D4D4D4;
156
+ .border-radius(0);
157
+ .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
158
+
159
+ .divider {
160
+ margin: 5px 1px;
161
+ }
162
+ }
163
+
164
+ .navbar .nav-collapse.in {
165
+
166
+ .nav li:first-child > a {
167
+ margin-bottom: 10px;
168
+ }
169
+
170
+ .nav li > a {
171
+ color: @linkColor;
172
+ .border-radius(0);
173
+ font-weight: normal;
174
+
175
+ &:hover {
176
+ color: @linkColorHover;
177
+ }
178
+ }
179
+
180
+ .nav li > a:hover {
181
+ background: transparent;
182
+ }
183
+ }
184
+
185
+ // NAV
186
+ // -----------------------------------------------------
187
+
188
+ .nav .dropdown .caret {
189
+ opacity: 1;
190
+ }
191
+
192
+ .nav-tabs {
193
+
194
+ li > a {
195
+ .border-radius(0);
196
+ }
197
+
198
+ li > a:hover {
199
+ background-color: @bodyBackground;
200
+ }
201
+
202
+ li.active > a,
203
+ li.active > a:hover {
204
+ color: @textColor;
205
+ background-color: @bodyBackground;
206
+ }
207
+ }
208
+
209
+ .nav-tabs.nav-stacked {
210
+
211
+ li > a {
212
+ background-color: @white;
213
+ }
214
+
215
+ li.active > a,
216
+ li.active > a:hover,
217
+ li > a:hover {
218
+ background-color: #F5F5F5;
219
+ }
220
+
221
+ li:first-child > a,
222
+ li:last-child > a {
223
+ .border-radius(0);
224
+ }
225
+ }
226
+
227
+ .nav-pills {
228
+
229
+ li > a {
230
+ .border-radius(0);
231
+ }
232
+
233
+ li > a:hover {
234
+ background-color: @bodyBackground;
235
+ }
236
+
237
+ li.active > a,
238
+ li.active > a:hover {
239
+ color: @textColor;
240
+ background-color: @bodyBackground;
241
+ }
242
+ }
243
+
244
+ .nav-list {
245
+
246
+ li > a:hover,
247
+ li.active > a,
248
+ li.active > a:hover {
249
+ background-color: transparent;
250
+ text-shadow: none;
251
+ }
252
+
253
+ li.active > a,
254
+ li.active > a:hover {
255
+ color: @textColor;
256
+ }
257
+
258
+ [class^="icon-"] {
259
+ margin-top: 3px;
260
+ opacity: 0.8;
261
+ }
262
+ }
263
+
264
+ .breadcrumb {
265
+ .border-radius(0);
266
+ background-color: @white;
267
+ background-image: none;
268
+ }
269
+
270
+ .pagination {
271
+
272
+ ul {
273
+ .box-shadow(none);
274
+ }
275
+
276
+ li > a {
277
+ padding: 10px 14px;
278
+ }
279
+
280
+
281
+ li.active > a,
282
+ li.active > a:hover {
283
+ color: @textColor;
284
+ background-color: #F5F5F5;
285
+ }
286
+
287
+ li > a,
288
+ li.disabled > a,
289
+ li.disabled > a:hover {
290
+ background-color: @white;
291
+ }
292
+
293
+ li:first-child > a,
294
+ li:last-child > a {
295
+ .border-radius(0);
296
+ }
297
+ }
298
+
299
+ .pager {
300
+
301
+ a {
302
+ .border-radius(0);
303
+ }
304
+ }
305
+
306
+ // BUTTONS
307
+ // -----------------------------------------------------
308
+
309
+ .btn-primary {
310
+ .buttonBackground(lighten(@btnPrimaryBackground, 10%), @btnPrimaryBackground);
311
+ }
312
+
313
+ .btn [class^="icon-"],
314
+ .btn [class*=" icon-"] {
315
+ margin-top: 4px;
316
+ }
317
+
318
+ .btn-large [class^="icon-"],
319
+ .btn-large [class*=" icon-"] {
320
+ margin-top: 6px;
321
+ margin-right: 2px;
322
+ }
323
+
324
+ .btn-small [class^="icon-"],
325
+ .btn-small [class*=" icon-"] {
326
+ margin-top: 3px;
327
+ }
328
+
329
+ .btn .caret {
330
+ margin-top: 13px;
331
+ }
332
+
333
+ // FORMS
334
+ // -----------------------------------------------------
335
+
336
+ input, button, select, textarea {
337
+ font-family: @baseFontFamily;
338
+ }
339
+
340
+ input, textarea, select {
341
+ color: @textColor;
342
+ }
343
+
344
+ select, input[type="file"] {
345
+ height: auto;
346
+ line-height: normal;
347
+ }
348
+
349
+ .form-actions {
350
+ background-color: transparent;
351
+ border-top: 1px solid #D4D4D4;
352
+ padding-top: 2em;
353
+ }
354
+
355
+ // TABLES
356
+ // -----------------------------------------------------
357
+
358
+ .table-bordered {
359
+ .border-radius(0);
360
+ }
361
+
362
+ .table-bordered thead:first-child tr:first-child th:first-child,
363
+ .table-bordered tbody:first-child tr:first-child td:first-child {
364
+ .border-radius(0);
365
+ }
366
+
367
+ .table-bordered thead:last-child tr:last-child th:first-child,
368
+ .table-bordered tbody:last-child tr:last-child td:first-child {
369
+ .border-radius(0);
370
+ }
371
+
372
+ // MODALS
373
+ // -----------------------------------------------------
374
+
375
+ .modal {
376
+ background-color: @white;
377
+ .border-radius(0);
378
+ }
379
+
380
+ .modal-header {
381
+ border-bottom: none;
382
+ }
383
+
384
+ .modal-footer {
385
+ background-color: @bodyBackground;
386
+ }
387
+
388
+
389
+ // MISCELLANEOUS
390
+ // -----------------------------------------------------
391
+
392
+ .alert,
393
+ .label, .label:hover {
394
+ .border-radius(0);
395
+ border: 1px solid #D4D4D4;
396
+ color: @textColor;
397
+ text-shadow: none;
398
+ }
399
+
400
+ .alert-heading {
401
+ color: @textColor;
402
+ text-shadow: none;
403
+ }
404
+
405
+ .label, .label:hover {
406
+ background-color: @white;
407
+ font-weight: normal;
408
+ font-size: @baseFontSize;
409
+ padding: 4px;
410
+ }
411
+
412
+ .label-important, .label-important:hover { background-color: @errorBackground; }
413
+
414
+ .label-warning, .label-warning:hover { background-color: @warningBackground; }
415
+
416
+ .label-success, .label-success:hover { background-color: @successBackground; }
417
+
418
+ .label-info, .label-info:hover { background-color: @infoBackground; }
419
+
420
+ .well, .hero-unit {
421
+ .box-shadow(none);
422
+ border: 1px solid #D4D4D4;
423
+ .border-radius(0);
424
+ background-color: @white;
425
+ }
426
+
427
+ blockquote {
428
+ border-left: 6px solid @grayLighter;
429
+
430
+ &.pull-right {
431
+ border-right: 6px solid @grayLighter;
432
+ }
433
+
434
+ p {
435
+ font-size: 1em;
436
+ line-height: 1.2em;
437
+ }
438
+ }
439
+
440
+ .thumbnail {
441
+ background-color: @white;
442
+ }
443
+
444
+ .thumbnail, .thumbnail > img {
445
+ .border-radius(0);
446
+ .box-shadow(none);
447
+ }
448
+
449
+ code, pre {
450
+ .border-radius(0);
451
+ background-color: @white;
452
+ }
@@ -0,0 +1,203 @@
1
+ // Variables.less
2
+ // Variables to customize the look and feel of Bootstrap
3
+ // Swatch: Readable
4
+ // Version: 2.0.2
5
+ // -----------------------------------------------------
6
+
7
+
8
+
9
+ // GLOBAL VALUES
10
+ // --------------------------------------------------
11
+
12
+
13
+ // Grays
14
+ // -------------------------
15
+ @black: #000;
16
+ @grayDarker: #222;
17
+ @grayDark: #333;
18
+ @gray: #777;
19
+ @grayLight: #999;
20
+ @grayLighter: #CDCDCD;
21
+ @white: #fff;
22
+
23
+
24
+ // Accent colors
25
+ // -------------------------
26
+ @blue: #049cdb;
27
+ @blueDark: #0064cd;
28
+ @green: #46a546;
29
+ @red: #9C0001;
30
+ @yellow: #ffc40d;
31
+ @orange: #f89406;
32
+ @pink: #c3325f;
33
+ @purple: #7a43b6;
34
+
35
+
36
+ // Scaffolding
37
+ // -------------------------
38
+ @bodyBackground: #FDFDFA;
39
+ @textColor: #090000;
40
+
41
+
42
+ // Links
43
+ // -------------------------
44
+ @linkColor: @red;
45
+ @linkColorHover: lighten(@linkColor, 8%);
46
+
47
+
48
+ // Typography
49
+ // -------------------------
50
+ @baseFontSize: 19px;
51
+ @baseFontFamily: Georgia, "Times New Roman", Times, serif;
52
+ @baseLineHeight: 1.6em;
53
+ @altFontFamily: Georgia, "Times New Roman", Times, serif;
54
+
55
+ @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
56
+ @headingsFontWeight: bold; // instead of browser default, bold
57
+ @headingsColor: inherit; // empty to use BS default, @textColor
58
+
59
+
60
+ // Tables
61
+ // -------------------------
62
+ @tableBackground: transparent; // overall background-color
63
+ @tableBackgroundAccent: darken(@bodyBackground, 2%); // for striping
64
+ @tableBackgroundHover: darken(@bodyBackground, 4%); // for hover
65
+ @tableBorder: #ddd; // table and cell border
66
+
67
+
68
+ // Buttons
69
+ // -------------------------
70
+ @btnBackground: @white;
71
+ @btnBackgroundHighlight: darken(@white, 10%);
72
+ @btnBorder: darken(@white, 20%);
73
+
74
+ @btnPrimaryBackground: @linkColor;
75
+ @btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%);
76
+
77
+ @btnInfoBackground: #5bc0de;
78
+ @btnInfoBackgroundHighlight: #2f96b4;
79
+
80
+ @btnSuccessBackground: #62c462;
81
+ @btnSuccessBackgroundHighlight: #51a351;
82
+
83
+ @btnWarningBackground: lighten(@orange, 15%);
84
+ @btnWarningBackgroundHighlight: @orange;
85
+
86
+ @btnDangerBackground: #ee5f5b;
87
+ @btnDangerBackgroundHighlight: #bd362f;
88
+
89
+ @btnInverseBackground: @gray;
90
+ @btnInverseBackgroundHighlight: @grayDarker;
91
+
92
+
93
+ // Forms
94
+ // -------------------------
95
+ @inputBackground: @white;
96
+ @inputBorder: #ccc;
97
+ @inputDisabledBackground: @grayLighter;
98
+
99
+
100
+ // Dropdowns
101
+ // -------------------------
102
+ @dropdownBackground: @white;
103
+ @dropdownBorder: rgba(0,0,0,.2);
104
+ @dropdownLinkColor: @linkColor;
105
+ @dropdownLinkColorHover: @linkColorHover;
106
+ @dropdownLinkBackgroundHover: transparent;
107
+
108
+
109
+
110
+
111
+ // COMPONENT VARIABLES
112
+ // --------------------------------------------------
113
+
114
+ // Z-index master list
115
+ // -------------------------
116
+ // Used for a bird's eye view of components dependent on the z-axis
117
+ // Try to avoid customizing these :)
118
+ @zindexDropdown: 1000;
119
+ @zindexPopover: 1010;
120
+ @zindexTooltip: 1020;
121
+ @zindexFixedNavbar: 1030;
122
+ @zindexModalBackdrop: 1040;
123
+ @zindexModal: 1050;
124
+
125
+
126
+ // Sprite icons path
127
+ // -------------------------
128
+ @iconSpritePath: "./twitter/bootstrap/glyphicons-halflings.png";
129
+ @iconWhiteSpritePath: "./twitter/bootstrap/glyphicons-halflings-white.png";
130
+
131
+
132
+ // Input placeholder text color
133
+ // -------------------------
134
+ @placeholderText: @grayLight;
135
+
136
+
137
+ // Hr border color
138
+ // -------------------------
139
+ @hrBorder: @grayLighter;
140
+
141
+
142
+ // Navbar
143
+ // -------------------------
144
+ @navbarHeight: 40px;
145
+ @navbarBackground: @bodyBackground;
146
+ @navbarBackgroundHighlight: @bodyBackground;
147
+
148
+ @navbarText: @textColor;
149
+ @navbarLinkColor: @linkColor;
150
+ @navbarLinkColorHover: @linkColorHover;
151
+ @navbarLinkColorActive: @linkColorHover;
152
+ @navbarLinkBackgroundHover: transparent;
153
+ @navbarLinkBackgroundActive: @navbarBackground;
154
+
155
+ @navbarSearchBackground: lighten(@navbarBackground, 25%);
156
+ @navbarSearchBackgroundFocus: @white;
157
+ @navbarSearchBorder: darken(@navbarSearchBackground, 30%);
158
+ @navbarSearchPlaceholderColor: #ccc;
159
+
160
+
161
+ // Hero unit
162
+ // -------------------------
163
+ @heroUnitBackground: @white;
164
+ @heroUnitHeadingColor: inherit;
165
+ @heroUnitLeadColor: inherit;
166
+
167
+
168
+ // Form states and alerts
169
+ // -------------------------
170
+ @warningText: #c09853;
171
+ @warningBackground: #fcf8e3;
172
+ @warningBorder: darken(spin(@warningBackground, -10), 3%);
173
+
174
+ @errorText: #b94a48;
175
+ @errorBackground: #f2dede;
176
+ @errorBorder: darken(spin(@errorBackground, -10), 3%);
177
+
178
+ @successText: #468847;
179
+ @successBackground: #dff0d8;
180
+ @successBorder: darken(spin(@successBackground, -10), 5%);
181
+
182
+ @infoText: #3a87ad;
183
+ @infoBackground: #d9edf7;
184
+ @infoBorder: darken(spin(@infoBackground, -10), 7%);
185
+
186
+
187
+
188
+
189
+ // GRID
190
+ // --------------------------------------------------
191
+
192
+ // Default 940px grid
193
+ // -------------------------
194
+ @gridColumns: 12;
195
+ @gridColumnWidth: 60px;
196
+ @gridGutterWidth: 20px;
197
+ @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
198
+
199
+
200
+ // Fluid grid
201
+ // -------------------------
202
+ @fluidGridColumnWidth: 6.382978723%;
203
+ @fluidGridGutterWidth: 2.127659574%;