bootswatch-rails 0.5.0 → 3.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (43) hide show
  1. checksums.yaml +6 -14
  2. data/CONTRIBUTING.md +52 -0
  3. data/CONVERSION.md +6 -8
  4. data/HISTORY.md +9 -1
  5. data/README.md +6 -1
  6. data/Rakefile +3 -0
  7. data/lib/bootswatch-rails/version.rb +1 -1
  8. data/rearranges +12 -10
  9. data/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss +109 -718
  10. data/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss +743 -217
  11. data/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +78 -133
  12. data/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +745 -217
  13. data/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +113 -552
  14. data/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +745 -217
  15. data/vendor/assets/stylesheets/bootswatch/custom/_bootswatch.scss +22 -0
  16. data/vendor/assets/stylesheets/bootswatch/custom/_variables.scss +620 -0
  17. data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +105 -525
  18. data/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +745 -217
  19. data/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +273 -0
  20. data/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss +829 -0
  21. data/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +183 -452
  22. data/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss +747 -218
  23. data/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +77 -295
  24. data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +745 -217
  25. data/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +408 -0
  26. data/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss +827 -0
  27. data/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss +149 -37
  28. data/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +745 -217
  29. data/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +84 -413
  30. data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +745 -217
  31. data/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss +251 -481
  32. data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +749 -217
  33. data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +87 -231
  34. data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +745 -216
  35. data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +168 -569
  36. data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +746 -217
  37. data/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss +21 -110
  38. data/vendor/assets/stylesheets/bootswatch/united/_variables.scss +745 -217
  39. data/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +418 -0
  40. data/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss +827 -0
  41. metadata +17 -9
  42. data/vendor/assets/stylesheets/bootswatch/spruce/_bootswatch.scss +0 -650
  43. data/vendor/assets/stylesheets/bootswatch/spruce/_variables.scss +0 -301
@@ -1,515 +1,246 @@
1
- // Flatness by Jenil (www.jgog.in)
2
- // Bootswatch 2.3.2
1
+ // Flatly 3.1.1
2
+ // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
5
+ @import url("//fonts.googleapis.com/css?family=Lato:400,700,400italic");
5
6
 
6
- // TYPOGRAPHY
7
- // --------------------------------------------------
8
-
9
- @import url("http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic");
10
-
11
- h1 {
12
- font-size: 48px;
13
- font-weight: 900;
14
- }
15
-
16
- h2 {
17
- font-size: 36px;
18
- font-weight: 700;
19
- }
20
-
21
- h3 {
22
- font-size: 28px;
23
- font-weight: 700;
24
- }
25
-
26
- h4 {
27
- font-size: 24px;
28
- font-weight: 500;
29
- }
30
-
31
- h5 {
32
- font-size: 16px;
33
- font-weight: 500;
34
- }
35
-
36
- h6 {
37
- font-size: 13px;
38
- font-weight: 500;
39
- text-transform: none;
40
- }
41
-
42
- p {
43
- margin-bottom: 1em;
44
- }
45
-
46
- // SCAFFOLDING
47
- // --------------------------------------------------
48
-
49
- .page-header {
50
- border-bottom: none;
51
- }
52
-
53
-
54
- // NAVBAR
55
- // --------------------------------------------------
7
+ // Navbar =====================================================================
56
8
 
57
9
  .navbar {
58
-
59
- .brand {
60
-
61
- text-shadow: none;
62
-
63
- &:hover {
64
- color: $linkColorHover;
65
- }
66
- }
67
-
68
- .navbar-inner {
69
- @include box-shadow(none);
70
- }
71
-
72
- .nav > li > a {
73
- text-shadow: none;
74
- }
75
-
76
- .nav > .active > a,
77
- .nav > .active > a:hover,
78
- .nav > .active > a:focus {
79
- @include box-shadow(none);
80
- }
81
-
82
- .navbar-search .search-query {
83
- border: none;
84
- @include box-shadow(none);
85
- line-height: normal;
86
- }
87
-
88
- .btn-navbar {
89
- background-image: none;
90
- @include box-shadow(none);
91
- }
92
-
93
- .navbar-inverse {
94
-
95
- .brand:hover {
96
- color: $blueDark;
97
- }
98
-
99
- .navbar-search .search-query {
100
- border-color: transparent;
101
- @include box-shadow(none);
102
- line-height: normal;
103
- color: $textColor;
104
-
105
- &:focus {
106
- padding: 4px 14px;
107
- color: $textColor;
108
- }
109
- }
110
- }
10
+ border-width: 0;
111
11
  }
12
+ .navbar-default {
112
13
 
113
- div.subnav {
114
-
115
- border-color: transparent;
116
- background-image: none;
117
- background-color: $grayLighter;
118
- @include box-shadow(none);
119
-
120
- div.subnav-fixed {
121
- top: $navbarHeight;
122
- }
123
-
124
- .nav > li > a {
125
- border-color: transparent;
126
- @include box-shadow(none);
127
- color: $textColor;
128
- }
129
-
130
- .nav > .active > a,
131
- .nav > .active > a:hover {
132
- border-color: transparent;
133
- background-color: darken($grayLighter, 10%);
134
- @include box-shadow(none);
135
- color: $textColor;
136
- }
14
+ .badge {
15
+ background-color: #fff;
16
+ color: $navbar-default-bg;
17
+ }
137
18
  }
138
19
 
139
- // NAVIGATION
140
- // --------------------------------------------------
141
-
142
- .nav-list {
20
+ .navbar-inverse {
143
21
 
144
- & > li > a,
145
- & > .active > a,
146
- .nav-header {
147
- text-shadow: none;
148
- }
149
-
150
- .divider {
151
- background: none;
152
- border-bottom: 2px solid $dropdownDividerBottom;
153
- }
22
+ .badge {
23
+ background-color: #fff;
24
+ color: $navbar-inverse-bg;
25
+ }
154
26
  }
155
27
 
156
- .nav-pills {
157
-
158
- .open .dropdown-toggle {
159
- background-color: $blueDark;
160
- }
28
+ .navbar-brand {
29
+ padding: 18.5px 15px 20.5px;
161
30
  }
162
31
 
163
- .pagination {
164
-
165
- ul {
166
-
167
- @include box-shadow(none);
168
-
169
- & > li > a {
170
- background-color: $green;
171
- border-color: transparent;
172
- color: $white;
173
-
174
- &:hover {
175
- background-color: lighten($green, 10%);
176
- }
177
- }
32
+ // Buttons ====================================================================
178
33
 
179
- & > .active > a,
180
- & > .active > a:hover {
181
- background-color: $paginationActiveBackground;
182
- color: $textColor;
183
- }
184
-
185
- & > .disabled > a,
186
- & > .disabled > a:hover {
187
- background-color: lighten($green, 10%);
188
- color: $white;
189
- }
190
- }
34
+ .btn:active {
35
+ @include box-shadow(none);
191
36
  }
192
37
 
193
- .pager {
194
-
195
- li > a,
196
- li > span {
197
- background-color: $green;
198
- border: none;
199
- color: $white;
200
-
201
- &:hover {
202
- background-color: lighten($green, 10%);
203
- }
204
- }
205
-
206
- .disabled > a,
207
- .disabled > span,
208
- .disabled > a:hover,
209
- .disabled > span:hover {
210
- background-color: lighten($green, 10%);
211
- color: $white;
212
- }
38
+ .btn-group.open .dropdown-toggle {
39
+ @include box-shadow(none);
213
40
  }
214
41
 
215
- .breadcrumb {
42
+ // Typography =================================================================
216
43
 
217
- & > li {
218
- text-shadow: none;
219
- }
44
+ .text-primary,
45
+ .text-primary:hover {
46
+ color: $brand-primary;
220
47
  }
221
48
 
222
- // BUTTONS
223
- // --------------------------------------------------
224
-
225
- .btn {
226
- padding: 8px 20px;
227
- border: none;
228
- background-image: none;
229
- color: $white;
230
- text-decoration: none;
231
- text-shadow: none;
232
- @include box-shadow(none);
233
- -webkit-transition: 0.25s;
234
- -moz-transition: 0.25s;
235
- transition: 0.25s;
236
-
237
- &:hover,
238
- &:focus {
239
- color: white;
240
- -webkit-transition: 0.25s;
241
- -moz-transition: 0.25s;
242
- transition: 0.25s;
243
- }
244
-
245
- &:active,
246
- &.active {
247
- @include box-shadow(none);
248
- color: rgba(255, 255, 255, 0.75);
249
- }
250
-
251
- &.disabled,
252
- &[disabled] {
253
- color: white;
254
- }
255
-
256
- .btn-large {
257
- padding: $paddingLarge;
258
- }
259
-
260
- .btn-small {
261
- padding: $paddingSmall;
262
- }
263
-
264
- .btn-mini {
265
- padding: $paddingMini;
266
- }
49
+ .text-success,
50
+ .text-success:hover {
51
+ color: $brand-success;
267
52
  }
268
53
 
269
- // TABLES
270
- // -----------------------------------------------------
271
-
272
-
273
-
274
- // FORMS
275
- // --------------------------------------------------
276
-
277
- textarea,
278
- input[type="text"],
279
- input[type="password"],
280
- input[type="datetime"],
281
- input[type="datetime-local"],
282
- input[type="date"],
283
- input[type="month"],
284
- input[type="time"],
285
- input[type="week"],
286
- input[type="number"],
287
- input[type="email"],
288
- input[type="url"],
289
- input[type="search"],
290
- input[type="tel"],
291
- input[type="color"],
292
- .uneditable-input {
293
- padding: 7px 6px;
294
- border: 2px solid #dce4ec;
295
- text-indent: 1px;
296
- @include border-radius(6px);
297
- @include box-shadow(none);
298
- @include placeholder(#acb6c0);
299
-
300
- &:focus {
301
- border-color: #1abc9c;
302
- @include box-shadow(none);
303
-
304
- }
305
-
54
+ .text-danger,
55
+ .text-danger:hover {
56
+ color: $brand-danger;
306
57
  }
307
58
 
308
- .control-group.error,
309
- .control-group.error input:focus,
310
- .control-group.error textarea:focus {
311
- border-color: #e74c3c;
312
- @include box-shadow(none);
59
+ .text-warning,
60
+ .text-warning:hover {
61
+ color: $brand-warning;
313
62
  }
314
63
 
315
- .control-group.success,
316
- .control-group.success input:focus,
317
- .control-group.success textarea:focus {
318
- border-color: #2ecc71;
319
- @include box-shadow(none);
64
+ .text-info,
65
+ .text-info:hover {
66
+ color: $brand-info;
320
67
  }
321
68
 
322
- .control-group.warning,
323
- .control-group.warning input:focus,
324
- .control-group.warning textarea:focus {
325
- border-color: #f1c40f;
326
- @include box-shadow(none);
327
- }
69
+ // Tables =====================================================================
328
70
 
329
- .control-group.info,
330
- .control-group.info input:focus,
331
- .control-group.info textarea:focus {
332
- border-color: #3498db;
333
- @include box-shadow(none);
334
- }
71
+ table,
72
+ .table {
335
73
 
336
- input[disabled],
337
- input[readonly],
338
- textarea[disabled],
339
- textarea[readonly] {
340
- background-color: #eaeded;
341
- border-color: transparent;
342
- color: #cad2d3;
343
- cursor: default;
344
- }
74
+ a {
75
+ text-decoration: underline;
76
+ }
345
77
 
346
- input[type="file"]{
347
- line-height: 16px;
348
- }
78
+ .success,
79
+ .warning,
80
+ .danger,
81
+ .info {
82
+ color: #fff;
349
83
 
350
- .input-append .add-on,
351
- .input-prepend .add-on {
352
- border: none;
353
- background: none;
354
- }
84
+ a {
85
+ color: #fff;
86
+ }
87
+ }
355
88
 
356
- legend {
357
- border-bottom: none;
358
- color: $textColor;
89
+ > thead > tr > th,
90
+ > tbody > tr > th,
91
+ > tfoot > tr > th,
92
+ > thead > tr > td,
93
+ > tbody > tr > td,
94
+ > tfoot > tr > td {
95
+ border: none;
96
+ }
359
97
  }
360
-
361
- .form-actions {
362
- border-top: none;
363
- @include border-radius($baseBorderRadius);
364
- background-color: darken($grayLighter, 5%);
98
+ .table-bordered > thead > tr > th,
99
+ .table-bordered > tbody > tr > th,
100
+ .table-bordered > tfoot > tr > th,
101
+ .table-bordered > thead > tr > td,
102
+ .table-bordered > tbody > tr > td,
103
+ .table-bordered > tfoot > tr > td {
104
+ border: 1px solid $table-border-color;
365
105
  }
366
106
 
367
- // DROPDOWNS
368
- // --------------------------------------------------
369
-
370
-
371
- // ALERTS, LABELS, BADGES
372
- // --------------------------------------------------
373
-
374
- .alert {
375
- background-color: $orange;
376
- color: $white;
377
- text-shadow: none;
378
-
379
- h1, h2, h3, h4, h5, h6 {
380
- color: $white;
381
- }
107
+ // Forms ======================================================================
382
108
 
383
- .alert-error {
384
- background-color: $red;
385
- }
109
+ .form-control,
110
+ input, {
111
+ border-width: 2px;
112
+ @include box-shadow(none);
386
113
 
387
- .alert-success {
388
- background-color: $green;
389
- }
390
-
391
- .alert-info {
392
- background-color: $blue;
393
- }
394
- }
395
-
396
- .label {
397
- padding: 6px 10px;
398
- text-shadow: none;
399
- }
400
-
401
- .badge {
402
- padding: 6px 10px;
403
- @include border-radius($borderRadiusLarge);
404
- text-shadow: none;
114
+ &:focus {
115
+ @include box-shadow(none);
116
+ }
405
117
  }
406
118
 
119
+ .has-warning {
120
+ .help-block,
121
+ .control-label,
122
+ .radio,
123
+ .checkbox,
124
+ .radio-inline,
125
+ .checkbox-inline,
126
+ .form-control-feedback {
127
+ color: $brand-warning;
128
+ }
407
129
 
408
- // MISC
409
- // --------------------------------------------------
410
-
411
- .well {
412
- border: none;
413
- @include box-shadow(none);
130
+ .form-control,
131
+ .form-control:focus {
132
+ border: 2px solid $brand-warning;
133
+ }
414
134
 
135
+ .input-group-addon {
136
+ border-color: $brand-warning;
137
+ }
415
138
  }
416
139
 
417
- .progress {
418
-
419
- background: $grayLighter;
420
- border-radius: 32px;
421
- height: 12px;
422
- @include box-shadow(none);
140
+ .has-error {
141
+ .help-block,
142
+ .control-label,
143
+ .radio,
144
+ .checkbox,
145
+ .radio-inline,
146
+ .checkbox-inline,
147
+ .form-control-feedback {
148
+ color: $brand-danger;
149
+ }
423
150
 
424
- .bar {
425
- background: $textColor;
426
- @include box-shadow(none);
427
- }
428
-
429
- .progress-success .bar, progress-success.progress-striped .bar {
430
- background-color: $green;
431
- }
432
-
433
- .progress-warning .bar, progress-warning.progress-striped .bar {
434
- background-color: $yellow;
435
- }
436
-
437
- .progress-danger .bar, progress-danger.progress-striped .bar {
438
- background-color: $red;
439
- }
440
-
441
- .progress-info .bar, progress-info.progress-striped .bar {
442
- background-color: $blue;
443
- }
151
+ .form-control,
152
+ .form-control:focus {
153
+ border: 2px solid $brand-danger;
154
+ }
155
+
156
+ .input-group-addon {
157
+ border-color: $brand-danger;
158
+ }
159
+ }
160
+
161
+ .has-success {
162
+ .help-block,
163
+ .control-label,
164
+ .radio,
165
+ .checkbox,
166
+ .radio-inline,
167
+ .checkbox-inline,
168
+ .form-control-feedback {
169
+ color: $brand-success;
170
+ }
171
+
172
+ .form-control,
173
+ .form-control:focus {
174
+ border: 2px solid $brand-success;
175
+ }
176
+
177
+ .input-group-addon {
178
+ border-color: $brand-success;
179
+ }
180
+ }
181
+
182
+ // Navs =======================================================================
183
+
184
+ .nav {
185
+ .open > a,
186
+ .open > a:hover,
187
+ .open > a:focus {
188
+ border-color: transparent;
189
+ }
444
190
  }
445
191
 
446
- .tooltip {
192
+ .pager {
193
+ a,
194
+ a:hover {
195
+ color: #fff;
196
+ }
447
197
 
448
- &.in {
449
- opacity: 1;
450
- }
198
+ .disabled {
199
+ &>a,
200
+ &>a:hover,
201
+ &>a:focus,
202
+ &>span {
203
+ background-color: $pagination-disabled-bg;
204
+ }
205
+ }
451
206
  }
452
207
 
453
- .popover {
454
- color: $white;
208
+ // Indicators =================================================================
455
209
 
456
- .popover-title {
457
- border-bottom: 2px solid $dropdownDividerBottom;
458
- }
459
- }
460
-
461
- .modal {
210
+ .alert {
462
211
 
463
- .modal-header {
464
- background-color: $navbarBackground;
465
- border-bottom: none;
466
- color: $white;
467
- }
212
+ a,
213
+ .alert-link {
214
+ color: #fff;
215
+ text-decoration: underline;
216
+ }
468
217
 
469
- .modal-footer {
470
- background-color: $grayLighter;
471
- border-top: 2px solid $dropdownDividerTop;
472
- @include box-shadow(none);
473
- }
474
- }
218
+ .close {
219
+ color: #fff;
220
+ text-decoration: none;
221
+ opacity: 0.4;
475
222
 
476
- .close {
477
- text-shadow: none;
223
+ &:hover,
224
+ &:focus {
225
+ color: #fff;
226
+ opacity: 1;
227
+ }
228
+ }
478
229
  }
479
230
 
480
- // MEDIA QUERIES
481
- // --------------------------------------------------
231
+ // Progress bars ==============================================================
482
232
 
483
- @media (max-width: 767px) {
484
-
485
- div.subnav {
486
-
487
- .nav > li:first-child > a,
488
- .nav > li + li > a {
489
- border-color: transparent;
490
-
491
- &:hover {
492
- background-color: darken($grayLighter, 10%);
493
- }
494
- }
495
-
496
- .nav > li:last-child > a {
497
- border-radius: 0 0 4px 4px;
498
- }
499
- }
233
+ .progress {
234
+ height: 10px;
235
+ @include box-shadow(none);
236
+ .progress-bar {
237
+ font-size: 10px;
238
+ line-height: 10px;
239
+ }
500
240
  }
501
241
 
502
- @media (max-width: 979px) {
242
+ // Containers =================================================================
503
243
 
504
- .navbar {
505
-
506
- .nav-collapse .nav > li > a {
507
- color: $white;
508
-
509
- &:hover {
510
- background-color: $green;
511
- }
512
- }
513
-
514
- }
244
+ .well {
245
+ @include box-shadow(none);
515
246
  }