bootswatch-rails 0.3.2 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. data/.gitignore +1 -0
  2. data/HISTORY.md +4 -0
  3. data/README.md +6 -0
  4. data/converter +4 -1
  5. data/lib/bootswatch-rails/version.rb +1 -1
  6. data/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss +78 -61
  7. data/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss +73 -73
  8. data/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +2 -3
  9. data/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +2 -2
  10. data/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +26 -6
  11. data/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +2 -2
  12. data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +11 -6
  13. data/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +1 -1
  14. data/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +6 -4
  15. data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +1 -2
  16. data/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss +2 -2
  17. data/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +15 -15
  18. data/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +2 -1
  19. data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +1 -1
  20. data/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss +11 -8
  21. data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +1 -1
  22. data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +37 -9
  23. data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +68 -68
  24. data/vendor/assets/stylesheets/bootswatch/spruce/_bootswatch.scss +26 -42
  25. data/vendor/assets/stylesheets/bootswatch/spruce/_variables.scss +4 -4
  26. data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +15 -28
  27. data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +1 -1
  28. data/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss +1 -1
  29. data/vendor/assets/stylesheets/bootswatch/united/_variables.scss +1 -1
  30. metadata +3 -3
@@ -1,4 +1,4 @@
1
- // Spacelab 2.2.2
1
+ // Spacelab 2.3.0
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
@@ -13,7 +13,7 @@ $black: #000 !default;
13
13
  $grayDarker: #2D2D2D !default;
14
14
  $grayDark: #434848 !default;
15
15
  $gray: #666 !default;
16
- $grayLight: #bbb !default;
16
+ $grayLight: #ccc !default;
17
17
  $grayLighter: #eee !default;
18
18
  $white: #fff !default;
19
19
 
@@ -83,70 +83,6 @@ $tableBackgroundHover: #f5f5f5 !default; // for hover
83
83
  $tableBorder: #ddd !default; // table and cell border
84
84
 
85
85
 
86
- // Navbar
87
- // -------------------------
88
- $navbarCollapseWidth: 979px !default;
89
- $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1 !default;
90
-
91
- $navbarHeight: 40px !default;
92
- $navbarBackgroundHighlight: $grayLighter !default;
93
- $navbarBackground: lighten($grayLight, 5%) !default;
94
- $navbarBorder: $grayLight !default;
95
-
96
- $navbarText: $textColor !default;
97
- $navbarLinkColor: $textColor !default;
98
- $navbarLinkColorHover: $black !default;
99
- $navbarLinkColorActive: $black !default;
100
- $navbarLinkBackgroundHover: transparent !default;
101
- $navbarLinkBackgroundActive: transparent !default;
102
-
103
- $navbarBrandColor: $navbarLinkColor !default;
104
-
105
- // Inverted navbar
106
- $navbarInverseBackground: #6C737E !default;
107
- $navbarInverseBackgroundHighlight: lighten($navbarInverseBackground, 25%) !default;
108
- $navbarInverseBorder: darken($navbarInverseBackground, 5%) !default;
109
-
110
- $navbarInverseText: $grayLighter !default;
111
- $navbarInverseLinkColor: $grayLighter !default;
112
- $navbarInverseLinkColorHover: $white !default;
113
- $navbarInverseLinkColorActive: $white !default;
114
- $navbarInverseLinkBackgroundHover: transparent !default;
115
- $navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
116
-
117
- $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
118
- $navbarInverseSearchBackgroundFocus: $white !default;
119
- $navbarInverseSearchBorder: $navbarInverseBackground !default;
120
- $navbarInverseSearchPlaceholderColor: $grayLighter !default;
121
-
122
- $navbarInverseBrandColor: $navbarInverseLinkColor !default;
123
-
124
-
125
- // Buttons
126
- // -------------------------
127
- $btnBackground: $white !default;
128
- $btnBackgroundHighlight: $grayLighter !default;
129
- $btnBorder: darken($btnBackground, 20%) !default;
130
-
131
- $btnPrimaryBackground: lighten($linkColor, 10%) !default;
132
- $btnPrimaryBackgroundHighlight: $linkColor !default;
133
-
134
- $btnInfoBackground: lighten(#3A5D83, 10%) !default;
135
- $btnInfoBackgroundHighlight: #3A5D83 !default;
136
-
137
- $btnSuccessBackground: lighten($green, 10%) !default;
138
- $btnSuccessBackgroundHighlight: $green !default;
139
-
140
- $btnWarningBackground: lighten($orange, 10%) !default;
141
- $btnWarningBackgroundHighlight: $orange !default;
142
-
143
- $btnDangerBackground: lighten($red, 10%) !default;
144
- $btnDangerBackgroundHighlight: $red !default;
145
-
146
- $btnInverseBackground: lighten($navbarInverseBackground, 15%) !default;
147
- $btnInverseBackgroundHighlight: $navbarInverseBackground !default;
148
-
149
-
150
86
  // Forms
151
87
  // -------------------------
152
88
  $inputBackground: $white !default;
@@ -161,8 +97,8 @@ $inputHeight: $baseLineHeight + 10px !default; // base line-he
161
97
  // -------------------------
162
98
  $dropdownBackground: $white !default;
163
99
  $dropdownBorder: rgba(0,0,0,.2) !default;
164
- $dropdownDividerTop: #e5e5e5 !default;
165
- $dropdownDividerBottom: $white !default;
100
+ $dropdownDividerTop: rgba(0, 0, 0, 0.1) !default;
101
+ $dropdownDividerBottom: rgba(255, 255, 255, 0.5) !default;
166
102
 
167
103
  $dropdownLinkColor: $textColor !default;
168
104
  $dropdownLinkColorHover: $white !default;
@@ -215,6 +151,70 @@ $horizontalComponentOffset: 180px !default;
215
151
  $wellBackground: $grayLighter !default;
216
152
 
217
153
 
154
+ // Navbar
155
+ // -------------------------
156
+ $navbarCollapseWidth: 979px !default;
157
+ $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1 !default;
158
+
159
+ $navbarHeight: 40px !default;
160
+ $navbarBackgroundHighlight: $grayLighter !default;
161
+ $navbarBackground: darken($grayLighter, 5%) !default;
162
+ $navbarBorder: $grayLight !default;
163
+
164
+ $navbarText: $textColor !default;
165
+ $navbarLinkColor: $textColor !default;
166
+ $navbarLinkColorHover: $linkColor !default;
167
+ $navbarLinkColorActive: $linkColor !default;
168
+ $navbarLinkBackgroundHover: transparent !default;
169
+ $navbarLinkBackgroundActive: transparent !default;
170
+
171
+ $navbarBrandColor: $navbarLinkColor !default;
172
+
173
+ // Inverted navbar
174
+ $navbarInverseBackground: #6C737E !default;
175
+ $navbarInverseBackgroundHighlight: lighten($navbarInverseBackground, 10%) !default;
176
+ $navbarInverseBorder: darken($navbarInverseBackground, 3%) !default;
177
+
178
+ $navbarInverseText: $grayLight !default;
179
+ $navbarInverseLinkColor: $grayLight !default;
180
+ $navbarInverseLinkColorHover: $white !default;
181
+ $navbarInverseLinkColorActive: $white !default;
182
+ $navbarInverseLinkBackgroundHover: transparent !default;
183
+ $navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
184
+
185
+ $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
186
+ $navbarInverseSearchBackgroundFocus: $white !default;
187
+ $navbarInverseSearchBorder: $navbarInverseBackground !default;
188
+ $navbarInverseSearchPlaceholderColor: $grayLighter !default;
189
+
190
+ $navbarInverseBrandColor: $navbarInverseLinkColor !default;
191
+
192
+
193
+ // Buttons
194
+ // -------------------------
195
+ $btnBackground: $white !default;
196
+ $btnBackgroundHighlight: $grayLighter !default;
197
+ $btnBorder: darken($btnBackground, 20%) !default;
198
+
199
+ $btnPrimaryBackground: lighten($linkColor, 10%) !default;
200
+ $btnPrimaryBackgroundHighlight: $linkColor !default;
201
+
202
+ $btnInfoBackground: lighten(#3A5D83, 10%) !default;
203
+ $btnInfoBackgroundHighlight: #3A5D83 !default;
204
+
205
+ $btnSuccessBackground: lighten($green, 10%) !default;
206
+ $btnSuccessBackgroundHighlight: $green !default;
207
+
208
+ $btnWarningBackground: lighten($orange, 10%) !default;
209
+ $btnWarningBackgroundHighlight: $orange !default;
210
+
211
+ $btnDangerBackground: lighten($red, 10%) !default;
212
+ $btnDangerBackgroundHighlight: $red !default;
213
+
214
+ $btnInverseBackground: lighten($navbarInverseBackground, 15%) !default;
215
+ $btnInverseBackgroundHighlight: $navbarInverseBackground !default;
216
+
217
+
218
218
  // Pagination
219
219
  // -------------------------
220
220
  $paginationBackground: #fff !default;
@@ -1,4 +1,4 @@
1
- // Spruce 2.2.2
1
+ // Spruce 2.3.0
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
@@ -129,6 +129,10 @@ blockquote {
129
129
 
130
130
  .navbar-inverse {
131
131
 
132
+ .navbar-search .search-query {
133
+ color: $gray;
134
+ }
135
+
132
136
  .dropdown-menu {
133
137
  background-color: $navbarInverseLinkBackgroundHover;
134
138
 
@@ -145,7 +149,7 @@ blockquote {
145
149
  }
146
150
 
147
151
  .nav-header {
148
- color: $headingsColor;
152
+ color: $gray;
149
153
  }
150
154
  }
151
155
 
@@ -182,10 +186,8 @@ blockquote {
182
186
 
183
187
  div.subnav {
184
188
 
185
- background-color: $green;
186
- background-image: none;
189
+ background: $green none;
187
190
  border-color: transparent;
188
- @include border-radius(0);
189
191
 
190
192
  .nav > li > a {
191
193
  padding: 12px 12px 10px;
@@ -318,7 +320,7 @@ div.subnav {
318
320
 
319
321
  .divider {
320
322
  background-color: transparent;
321
- border-bottom: 1px solid $headingsColor;
323
+ border-bottom: 1px solid $grayLight;
322
324
  }
323
325
  }
324
326
 
@@ -328,7 +330,6 @@ div.subnav {
328
330
  background-image: none;
329
331
  @include box-shadow(none);
330
332
  border-color: transparent;
331
- @include border-radius(0);
332
333
 
333
334
  li {
334
335
  color: $white;
@@ -360,7 +361,6 @@ div.subnav {
360
361
  background-image: none;
361
362
  @include box-shadow(none);
362
363
  border-color: transparent;
363
- @include border-radius(0);
364
364
  }
365
365
 
366
366
 
@@ -415,7 +415,6 @@ div.subnav {
415
415
  // --------------------------------------------------
416
416
 
417
417
  .btn {
418
- @include border-radius(0);
419
418
  font-family: $headingsFontFamily;
420
419
  font-weight: $headingsFontWeight;
421
420
  text-shadow: none;
@@ -432,25 +431,6 @@ div.subnav {
432
431
  // TABLES
433
432
  // --------------------------------------------------
434
433
 
435
- .table,
436
- .table.table-bordered,
437
- .table.table-striped {
438
- @include border-radius(0);
439
- }
440
-
441
- .table-bordered thead:first-child tr:first-child th:first-child,
442
- .table-bordered tbody:first-child tr:first-child td:first-child,
443
- .table-bordered thead:first-child tr:first-child th:last-child,
444
- .table-bordered tbody:first-child tr:first-child td:last-child,
445
- .table-bordered tbody:last-child tr:last-child td:first-child, {
446
- @include border-radius(0);
447
- }
448
-
449
- .table thead tr th:first-child,
450
- .table tbody tr td:first-child {
451
- // border-left: none;
452
- }
453
-
454
434
  .table th,
455
435
  .table-striped tbody tr:nth-child(odd) th {
456
436
  background-color: $green;
@@ -496,12 +476,24 @@ input, textarea, select {
496
476
 
497
477
  .form-actions {
498
478
  border-top: none;
499
- @include border-radius(4px);
479
+ }
480
+
481
+ .control-group {
482
+
483
+ &.warning,
484
+ &.error,
485
+ &.success {
486
+
487
+ .control-label {
488
+ color: $textColor;
489
+ }
490
+ }
500
491
  }
501
492
 
502
493
  .control-group.error {
503
494
 
504
- label, .help-block, .help-inline {
495
+ .help-block,
496
+ .help-inline {
505
497
  color: $red;
506
498
  }
507
499
 
@@ -513,7 +505,8 @@ input, textarea, select {
513
505
 
514
506
  .control-group.success {
515
507
 
516
- label, .help-block, .help-inline {
508
+ .help-block,
509
+ .help-inline {
517
510
  color: $green;
518
511
  }
519
512
 
@@ -525,7 +518,8 @@ input, textarea, select {
525
518
 
526
519
  .control-group.warning {
527
520
 
528
- label, .help-block, .help-inline {
521
+ .help-block,
522
+ .help-inline {
529
523
  color: $orange;
530
524
  }
531
525
 
@@ -585,22 +579,16 @@ input, textarea, select {
585
579
 
586
580
  .well {
587
581
  border: none;
588
- @include border-radius(0);
589
582
  @include box-shadow(none);
590
583
  }
591
584
 
592
585
  .hero-unit {
593
586
  border: none;
594
- @include border-radius(0);
595
587
  }
596
588
 
597
589
  .thumbnail {
598
590
  border: none;
599
591
  @include box-shadow(none);
600
-
601
- img {
602
- @include border-radius(4px);
603
- }
604
592
  }
605
593
 
606
594
  .dropdown-menu .nav-header {
@@ -641,10 +629,6 @@ input, textarea, select {
641
629
  color: $textColor;
642
630
  }
643
631
  }
644
-
645
- .modal-footer {
646
- @include border-radius(0 0 4px 4px);
647
- }
648
632
  }
649
633
 
650
634
  .popover {
@@ -1,4 +1,4 @@
1
- // Spruce 2.2.2
1
+ // Spruce 2.3.0
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
@@ -80,7 +80,7 @@ $borderRadiusSmall: 3px !default;
80
80
  $tableBackground: lighten(#ddd, 10%) !default; // overall background-color
81
81
  $tableBackgroundAccent: lighten(#ddd, 5%) !default; // for striping
82
82
  $tableBackgroundHover: #ddd !default; // for hover
83
- $tableBorder: $headingsColor !default; // table and cell border
83
+ $tableBorder: $grayLight !default; // table and cell border
84
84
 
85
85
  // Buttons
86
86
  // -------------------------
@@ -122,7 +122,7 @@ $inputHeight: $baseLineHeight + 10px !default; // base line-he
122
122
  $dropdownBackground: #002425 !default;
123
123
  $dropdownBorder: transparent !default;
124
124
  $dropdownDividerTop: transparent !default;
125
- $dropdownDividerBottom: $black !default;
125
+ $dropdownDividerBottom: $grayLight !default;
126
126
 
127
127
  $dropdownLinkColor: $white !default;
128
128
  $dropdownLinkColorHover: $white !default;
@@ -209,7 +209,7 @@ $navbarInverseLinkBackgroundActive: $navbarInverseLinkBackgroundHover !defa
209
209
  $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
210
210
  $navbarInverseSearchBackgroundFocus: $white !default;
211
211
  $navbarInverseSearchBorder: $navbarInverseBackground !default;
212
- $navbarInverseSearchPlaceholderColor: $white !default;
212
+ $navbarInverseSearchPlaceholderColor: $gray !default;
213
213
 
214
214
  $navbarInverseBrandColor: $navbarInverseLinkColor !default;
215
215
 
@@ -1,4 +1,4 @@
1
- // Superhero 2.2.2
1
+ // Superhero 2.3.0
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
@@ -169,52 +169,39 @@ blockquote.pull-right {
169
169
  }
170
170
 
171
171
  div.subnav {
172
- background-color: $blue;
173
- background-image: none;
172
+ margin: 0 1px;
173
+ background: $blue none;
174
174
  border: none;
175
175
 
176
176
  .nav > li > a,
177
177
  .nav > li.active > a {
178
- border-left: none;
179
- border-right: none;
178
+ border-color: transparent;
180
179
  color: $textColor;
181
180
  }
182
181
 
183
182
  .nav > li > a:hover,
184
183
  .nav > li.active > a:hover {
185
184
  background-color: lighten($blue, 10%);
186
- }
187
-
188
- .nav > li + li > a {
189
- border-top: 0px solid transparent;
190
- }
191
-
192
- .nav > li:first-child > a,
193
- .nav > li:first-child > a:hover,
194
- .nav > li.active:first-child > a,
195
- .nav > li.active:first-child > a:hover {
196
- @include border-radius(4px 0 0 4px);
185
+ border-color: transparent;
197
186
  }
198
187
 
199
188
  .nav > li.active > a,
200
189
  .nav > li.active > a:hover {
201
- color: $white;
202
- background-color: $orange;
203
- background-image: none;
190
+ background: $orange none;
204
191
  @include box-shadow(none);
192
+ color: $white;
205
193
  }
206
194
 
207
195
  &.subnav-fixed {
208
- top: 70px;
196
+ top: $navbarHeight + 1;
197
+ margin: 0;
209
198
  @include box-shadow(none);
210
199
 
211
200
  .nav > li > a,
212
- .nav > li.active > a,
213
201
  .nav > li > a:hover,
202
+ .nav > li.active > a,
214
203
  .nav > li.active > a:hover {
215
204
  border-color: transparent;
216
- padding-left: 12px;
217
- padding-right: 12px;
218
205
  @include border-radius(0);
219
206
  }
220
207
 
@@ -398,11 +385,11 @@ div.subnav {
398
385
  }
399
386
 
400
387
  .btn-primary, .btn-primary:hover {
401
- @include box-shadow(-2px 2px 0 darken($btnPrimaryBackground, 30%));
388
+ @include box-shadow(#{-2px 2px 0 darken($btnPrimaryBackground, 30%)});
402
389
  }
403
390
 
404
391
  .btn-warning, .btn-warning:hover {
405
- @include box-shadow(-2px 2px 0 darken($yellow, 30%));
392
+ @include box-shadow(#{-2px 2px 0 darken($yellow, 30%)});
406
393
  }
407
394
 
408
395
  .btn-danger, .btn-danger:hover {
@@ -422,15 +409,15 @@ div.subnav {
422
409
  }
423
410
 
424
411
  .btn.dropdown-toggle, .btn.dropdown-toggle:hover {
425
- @include box-shadow(0 2px 0 darken($white, 80%));
412
+ @include box-shadow(#{0 2px 0 darken($white, 80%)});
426
413
  }
427
414
 
428
415
  .btn-primary.dropdown-toggle, .btn-primary.dropdown-toggle:hover {
429
- @include box-shadow(0 2px 0 darken($btnPrimaryBackground, 30%));
416
+ @include box-shadow(#{0 2px 0 darken($btnPrimaryBackground, 30%)});
430
417
  }
431
418
 
432
419
  .btn-warning.dropdown-toggle, .btn-warning.dropdown-toggle:hover {
433
- @include box-shadow(0 2px 0 darken($yellow, 30%));
420
+ @include box-shadow(#{0 2px 0 darken($yellow, 30%)});
434
421
  }
435
422
 
436
423
  .btn-danger.dropdown-toggle, .btn-danger.dropdown-toggle:hover {