bootswatch-rails 0.3.2 → 0.4.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 (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
data/.gitignore CHANGED
@@ -16,3 +16,4 @@ test/tmp
16
16
  test/version_tmp
17
17
  tmp
18
18
  .rvmrc
19
+ .ruby-version
data/HISTORY.md CHANGED
@@ -1,3 +1,7 @@
1
+ ## 0.4.0 (2013-02-22)
2
+
3
+ * Update all themes to current bootswatch versions (2.3.0)
4
+
1
5
  ## 0.3.2 (2013-01-23)
2
6
 
3
7
  * Escape complex arguments to box-shadow in Simplex (reported @murtra)
data/README.md CHANGED
@@ -85,6 +85,12 @@ Included bootswatches
85
85
  4. Push to the branch (`git push origin my-new-feature`)
86
86
  5. Create new Pull Request
87
87
 
88
+ #### Note about converter
89
+ I am trying to automate this project as much as possible, so I wrote a script
90
+ that does most of the work converting less to scss. If you want to contribute a
91
+ fix that's easily automatable and you know ruby, please add a processor to the
92
+ converter.
93
+
88
94
  ## Credits
89
95
 
90
96
  Big thanks to these guys.
data/converter CHANGED
@@ -118,7 +118,10 @@ end
118
118
 
119
119
  line_processors = [
120
120
  swap_variable_prefix,
121
- turn_percentages_into_percentiles,
121
+
122
+ # This converter doesn't seem to be actually needed
123
+ # turn_percentages_into_percentiles,
124
+
122
125
  convert_mixin_declarations,
123
126
  convert_namespace_include_syntax,
124
127
  convert_include_syntax,
@@ -1,5 +1,5 @@
1
1
  module Bootswatch
2
2
  module Rails
3
- VERSION = "0.3.2"
3
+ VERSION = "0.4.0"
4
4
  end
5
5
  end
@@ -1,4 +1,4 @@
1
- // Amelia 2.2.2
1
+ // Amelia 2.3.0
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
@@ -151,6 +151,11 @@ hr {
151
151
 
152
152
  .navbar-inverse .nav-collapse {
153
153
 
154
+ .nav > li > a,
155
+ .dropdown-menu a {
156
+ color: $navbarInverseLinkColor !important;
157
+ }
158
+
154
159
  .nav li > a:hover,
155
160
  .dropdown-menu a:hover {
156
161
  background-color: lighten($navbarInverseBackground, 10%) !important;
@@ -160,17 +165,12 @@ hr {
160
165
 
161
166
  div.subnav {
162
167
 
163
- background-color: rgba(42, 99, 105, 0.9);
164
- background-image: none;
165
- border: 0px solid transparent;
168
+ margin: 0 1px;
169
+ background: rgba(42, 99, 105, 0.9) none;
170
+ border: none;
166
171
  @include border-radius(0);
167
172
  @include box-shadow(none);
168
173
 
169
- .nav > li.open > a {
170
- border-color: transparent;
171
- background-color: rgba(255, 255, 255, 0.4);
172
- }
173
-
174
174
  .nav > li > a {
175
175
  color: $textColor;
176
176
  border-color: transparent;
@@ -182,28 +182,27 @@ div.subnav {
182
182
  }
183
183
 
184
184
  .nav > .active > a {
185
- background-color: transparent;
185
+ background-color: rgba(255, 255, 255, 0.4);
186
186
  border-color: transparent;
187
187
  color: $textColor;
188
188
  @include box-shadow(none);
189
189
  }
190
190
 
191
- .nav > .active > a:hover,
192
191
  .nav > li > a:hover,
193
- .nav > .active > a,
194
192
  .nav > .active > a:hover, {
195
193
  border-right-color: transparent;
196
194
  background-color: rgba(255, 255, 255, 0.4);
197
195
  color: $textColor;
198
196
  }
199
197
 
200
- .nav > li:first-child > a:hover {
201
- border-left-color: rgba(255, 255, 255, 0.4);
202
- border-left-width: 1px;
198
+ .nav > li.open > a {
199
+ border-color: transparent;
200
+ background-color: rgba(255, 255, 255, 0.4);
203
201
  }
204
202
 
205
203
  div.subnav-fixed {
206
- top: 50px;
204
+ top: $navbarHeight + 1;
205
+ margin: 0;
207
206
  }
208
207
  }
209
208
 
@@ -396,6 +395,18 @@ div.subnav {
396
395
  @include buttonBackgroundCustom($btnBackground)
397
396
  }
398
397
 
398
+ .btn-large {
399
+ padding: $paddingLarge;
400
+ }
401
+
402
+ .btn-small {
403
+ padding: $paddingSmall;
404
+ }
405
+
406
+ .btn-mini {
407
+ padding: $paddingMini;
408
+ }
409
+
399
410
  .btn-group .btn:first-child {
400
411
  margin-left: 0;
401
412
  @include border-radius(0);
@@ -440,11 +451,6 @@ div.subnav {
440
451
  @include buttonBackgroundCustom($btnPrimaryBackground);
441
452
  }
442
453
 
443
- [class^="icon-"], [class*=" icon-"] {
444
- margin-top: 2px;
445
- margin-right: 8px;
446
- }
447
-
448
454
  .btn-small [class^="icon-"] {
449
455
  margin-top: 1px;
450
456
  }
@@ -520,19 +526,31 @@ input, textarea, .search-query, .uneditable-input,
520
526
  border-top: 0px solid transparent;
521
527
  }
522
528
 
523
- .control-group.warning > label,
524
- .control-group.warning .help-inline {
525
- color: lighten($orange, 30%);
529
+ .control-group.warning {
530
+
531
+ .control-label,
532
+ .help-block,
533
+ .help-inline {
534
+ color: lighten($orange, 30%);
535
+ }
526
536
  }
527
537
 
528
- .control-group.error > label,
529
- .control-group.error .help-inline {
530
- color: lighten($linkColor, 10%);
538
+ .control-group.error {
539
+
540
+ .control-label,
541
+ .help-block,
542
+ .help-inline {
543
+ color: lighten($linkColor, 10%);
544
+ }
531
545
  }
532
546
 
533
- .control-group.success > label,
534
- .control-group.success .help-inline {
535
- color: lighten($green, 20%);
547
+ .control-group.success {
548
+
549
+ .control-label,
550
+ .help-block,
551
+ .help-inline {
552
+ color: lighten($green, 20%);
553
+ }
536
554
  }
537
555
 
538
556
  .input-prepend .add-on,
@@ -556,46 +574,45 @@ input, textarea, .search-query, .uneditable-input,
556
574
 
557
575
  .alert {
558
576
 
559
- h1, h2, h3, h4, h5, h6 {
560
- color: $textColor;
561
- }
562
- }
563
-
564
- .alert, .label {
565
577
  border-color: transparent;
566
578
  @include border-radius(0);
567
579
  @include box-shadow(none);
568
580
  text-shadow: none;
569
- }
570
581
 
571
- .alert-heading {
572
- color: $textColor;
573
- }
582
+ h1, h2, h3, h4, h5, h6 {
583
+ color: $textColor;
584
+ }
574
585
 
575
- .label, .label:hover {
576
- background-color: $grayLighter;
577
- text-shadow: none;
578
- color: $grayDark;
586
+ .alert-heading {
587
+ color: $textColor;
588
+ }
579
589
  }
580
590
 
581
- .label-warning, .label-warning:hover, .alert {
582
- background-color: $orange;
583
- color: $textColor;
584
- }
591
+ .label,
592
+ .badge {
585
593
 
586
- .label-important, .label-important:hover, .alert-error {
587
- background-color: darken($yellow, 3%);
588
- color: $textColor;
589
- }
594
+ background-color: $blue;
590
595
 
591
- .label-success, .label-success:hover, .alert-success {
592
- background-color: $green;
593
- color: $textColor;
594
- }
596
+ .badge-success {
597
+ background-color: $green;
598
+ }
599
+
600
+ .badge-important {
601
+ background-color: $red;
602
+ }
603
+
604
+ .badge-warning {
605
+ background-color: $orange;
606
+ }
607
+
608
+ .badge-info {
609
+ background-color: $purple;
610
+ }
611
+
612
+ .badge-inverse {
613
+ background-color: $btnInverseBackground;
614
+ }
595
615
 
596
- .label-info, .label-info:hover, .alert-info {
597
- background-color: $purple;
598
- color: $textColor;
599
616
  }
600
617
 
601
618
  // MISCELLANEOUS
@@ -684,7 +701,7 @@ input, textarea, .search-query, .uneditable-input,
684
701
  }
685
702
 
686
703
  .modal-body {
687
-
704
+
688
705
  color: $grayDark;
689
706
 
690
707
  h1, h2, h3, h4, h5, h6,
@@ -711,7 +728,7 @@ input, textarea, .search-query, .uneditable-input,
711
728
  }
712
729
 
713
730
  .popover {
714
-
731
+
715
732
  padding: 0;
716
733
  @include border-radius(0);
717
734
  color: $grayDark;
@@ -1,4 +1,4 @@
1
- // Amelia 2.2.2
1
+ // Amelia 2.3.0
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
@@ -83,70 +83,6 @@ $tableBackgroundHover: rgba(255, 255, 255, 0.4) !default; // for ho
83
83
  $tableBorder: lighten(#147E88, 12%) !default; // table and cell border
84
84
 
85
85
 
86
- // Navbar
87
- // -------------------------
88
- $navbarCollapseWidth: 979px !default;
89
- $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1 !default;
90
-
91
- $navbarHeight: 50px !default;
92
- $navbarBackgroundHighlight: $red !default;
93
- $navbarBackground: $red !default;
94
- $navbarBorder: darken($navbarBackground, 12%) !default;
95
-
96
- $navbarText: $white !default;
97
- $navbarLinkColor: $white !default;
98
- $navbarLinkColorHover: $white !default;
99
- $navbarLinkColorActive: $navbarLinkColorHover !default;
100
- $navbarLinkBackgroundHover: lighten($navbarBackground, 10%) !default;
101
- $navbarLinkBackgroundActive: lighten($navbarBackground, 10%) !default;
102
-
103
- $navbarBrandColor: $navbarLinkColor !default;
104
-
105
- // Inverted navbar
106
- $navbarInverseBackground: $yellow !default;
107
- $navbarInverseBackgroundHighlight: $yellow !default;
108
- $navbarInverseBorder: rgba(0, 0, 0, 0.1) !default;
109
-
110
- $navbarInverseText: $white !default;
111
- $navbarInverseLinkColor: $white !default;
112
- $navbarInverseLinkColorHover: $white !default;
113
- $navbarInverseLinkColorActive: $white !default;
114
- $navbarInverseLinkBackgroundHover: rgba(255, 255, 255, 0.2) !default;
115
- $navbarInverseLinkBackgroundActive: rgba(255, 255, 255, 0.2) !default;
116
-
117
- $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
118
- $navbarInverseSearchBackgroundFocus: $white !default;
119
- $navbarInverseSearchBorder: $navbarInverseBackground !default;
120
- $navbarInverseSearchPlaceholderColor: $white !default;
121
-
122
- $navbarInverseBrandColor: $navbarInverseLinkColor !default;
123
-
124
-
125
- // Buttons
126
- // -------------------------
127
- $btnBackground: $grayLighter !default;
128
- $btnBackgroundHighlight: $grayLighter !default;
129
- $btnBorder: rgba(0, 0, 0, 0) !default;
130
-
131
- $btnPrimaryBackground: $navbarBackground !default;
132
- $btnPrimaryBackgroundHighlight: $navbarBackground !default;
133
-
134
- $btnInfoBackground: $purple !default;
135
- $btnInfoBackgroundHighlight: $purple !default;
136
-
137
- $btnSuccessBackground: $green !default;
138
- $btnSuccessBackgroundHighlight: $green !default;
139
-
140
- $btnWarningBackground: $orange !default;
141
- $btnWarningBackgroundHighlight: $orange !default;
142
-
143
- $btnDangerBackground: $yellow !default;
144
- $btnDangerBackgroundHighlight: $yellow !default;
145
-
146
- $btnInverseBackground: #27666D !default;
147
- $btnInverseBackgroundHighlight: #27666D !default;
148
-
149
-
150
86
  // Forms
151
87
  // -------------------------
152
88
  $inputBackground: $white !default;
@@ -215,6 +151,70 @@ $horizontalComponentOffset: 180px !default;
215
151
  $wellBackground: #3CB9C6 !default;
216
152
 
217
153
 
154
+ // Navbar
155
+ // -------------------------
156
+ $navbarCollapseWidth: 979px !default;
157
+ $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1 !default;
158
+
159
+ $navbarHeight: 50px !default;
160
+ $navbarBackgroundHighlight: $red !default;
161
+ $navbarBackground: $red !default;
162
+ $navbarBorder: darken($navbarBackground, 12%) !default;
163
+
164
+ $navbarText: $white !default;
165
+ $navbarLinkColor: $white !default;
166
+ $navbarLinkColorHover: $white !default;
167
+ $navbarLinkColorActive: $navbarLinkColorHover !default;
168
+ $navbarLinkBackgroundHover: lighten($navbarBackground, 10%) !default;
169
+ $navbarLinkBackgroundActive: lighten($navbarBackground, 10%) !default;
170
+
171
+ $navbarBrandColor: $navbarLinkColor !default;
172
+
173
+ // Inverted navbar
174
+ $navbarInverseBackground: $yellow !default;
175
+ $navbarInverseBackgroundHighlight: $yellow !default;
176
+ $navbarInverseBorder: rgba(0, 0, 0, 0.1) !default;
177
+
178
+ $navbarInverseText: $white !default;
179
+ $navbarInverseLinkColor: $white !default;
180
+ $navbarInverseLinkColorHover: $white !default;
181
+ $navbarInverseLinkColorActive: $white !default;
182
+ $navbarInverseLinkBackgroundHover: rgba(255, 255, 255, 0.2) !default;
183
+ $navbarInverseLinkBackgroundActive: rgba(255, 255, 255, 0.2) !default;
184
+
185
+ $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
186
+ $navbarInverseSearchBackgroundFocus: $white !default;
187
+ $navbarInverseSearchBorder: $navbarInverseBackground !default;
188
+ $navbarInverseSearchPlaceholderColor: $white !default;
189
+
190
+ $navbarInverseBrandColor: $navbarInverseLinkColor !default;
191
+
192
+
193
+ // Buttons
194
+ // -------------------------
195
+ $btnBackground: $grayLighter !default;
196
+ $btnBackgroundHighlight: $grayLighter !default;
197
+ $btnBorder: rgba(0, 0, 0, 0) !default;
198
+
199
+ $btnPrimaryBackground: $navbarBackground !default;
200
+ $btnPrimaryBackgroundHighlight: $navbarBackground !default;
201
+
202
+ $btnInfoBackground: $purple !default;
203
+ $btnInfoBackgroundHighlight: $purple !default;
204
+
205
+ $btnSuccessBackground: $green !default;
206
+ $btnSuccessBackgroundHighlight: $green !default;
207
+
208
+ $btnWarningBackground: $orange !default;
209
+ $btnWarningBackgroundHighlight: $orange !default;
210
+
211
+ $btnDangerBackground: $yellow !default;
212
+ $btnDangerBackgroundHighlight: $yellow !default;
213
+
214
+ $btnInverseBackground: #27666D !default;
215
+ $btnInverseBackgroundHighlight: #27666D !default;
216
+
217
+
218
218
  // Pagination
219
219
  // -------------------------
220
220
  $paginationBackground: #3CB9C6 !default;
@@ -231,20 +231,20 @@ $heroUnitLeadColor: inherit !default;
231
231
 
232
232
  // Form states and alerts
233
233
  // -------------------------
234
- $warningText: #c09853 !default;
235
- $warningBackground: #fcf8e3 !default;
234
+ $warningText: $textColor !default;
235
+ $warningBackground: $orange !default;
236
236
  $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
237
237
 
238
- $errorText: #b94a48 !default;
239
- $errorBackground: #f2dede !default;
238
+ $errorText: $textColor !default;
239
+ $errorBackground: $red !default;
240
240
  $errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
241
241
 
242
- $successText: #468847 !default;
243
- $successBackground: #dff0d8 !default;
242
+ $successText: $textColor !default;
243
+ $successBackground: $green !default;
244
244
  $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
245
245
 
246
- $infoText: #3a87ad !default;
247
- $infoBackground: #d9edf7 !default;
246
+ $infoText: $textColor !default;
247
+ $infoBackground: $purple !default;
248
248
  $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
249
249
 
250
250