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.
- data/.gitignore +1 -0
- data/HISTORY.md +4 -0
- data/README.md +6 -0
- data/converter +4 -1
- data/lib/bootswatch-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss +78 -61
- data/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss +73 -73
- data/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +2 -3
- data/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +2 -2
- data/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +26 -6
- data/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +2 -2
- data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +11 -6
- data/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +1 -1
- data/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +6 -4
- data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +1 -2
- data/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss +2 -2
- data/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +15 -15
- data/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +2 -1
- data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +1 -1
- data/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss +11 -8
- data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +1 -1
- data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +37 -9
- data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +68 -68
- data/vendor/assets/stylesheets/bootswatch/spruce/_bootswatch.scss +26 -42
- data/vendor/assets/stylesheets/bootswatch/spruce/_variables.scss +4 -4
- data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +15 -28
- data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +1 -1
- data/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss +1 -1
- data/vendor/assets/stylesheets/bootswatch/united/_variables.scss +1 -1
- metadata +3 -3
data/.gitignore
CHANGED
data/HISTORY.md
CHANGED
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
|
-
|
|
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,4 +1,4 @@
|
|
|
1
|
-
// Amelia 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
|
-
|
|
164
|
-
background
|
|
165
|
-
border:
|
|
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:
|
|
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
|
|
201
|
-
border-
|
|
202
|
-
|
|
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:
|
|
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
|
|
524
|
-
|
|
525
|
-
|
|
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
|
|
529
|
-
|
|
530
|
-
|
|
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
|
|
534
|
-
|
|
535
|
-
|
|
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
|
-
|
|
572
|
-
|
|
573
|
-
}
|
|
582
|
+
h1, h2, h3, h4, h5, h6 {
|
|
583
|
+
color: $textColor;
|
|
584
|
+
}
|
|
574
585
|
|
|
575
|
-
.
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
color: $grayDark;
|
|
586
|
+
.alert-heading {
|
|
587
|
+
color: $textColor;
|
|
588
|
+
}
|
|
579
589
|
}
|
|
580
590
|
|
|
581
|
-
.label
|
|
582
|
-
|
|
583
|
-
color: $textColor;
|
|
584
|
-
}
|
|
591
|
+
.label,
|
|
592
|
+
.badge {
|
|
585
593
|
|
|
586
|
-
|
|
587
|
-
background-color: darken($yellow, 3%);
|
|
588
|
-
color: $textColor;
|
|
589
|
-
}
|
|
594
|
+
background-color: $blue;
|
|
590
595
|
|
|
591
|
-
.
|
|
592
|
-
|
|
593
|
-
|
|
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.
|
|
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:
|
|
235
|
-
$warningBackground:
|
|
234
|
+
$warningText: $textColor !default;
|
|
235
|
+
$warningBackground: $orange !default;
|
|
236
236
|
$warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
|
|
237
237
|
|
|
238
|
-
$errorText:
|
|
239
|
-
$errorBackground:
|
|
238
|
+
$errorText: $textColor !default;
|
|
239
|
+
$errorBackground: $red !default;
|
|
240
240
|
$errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
|
|
241
241
|
|
|
242
|
-
$successText:
|
|
243
|
-
$successBackground:
|
|
242
|
+
$successText: $textColor !default;
|
|
243
|
+
$successBackground: $green !default;
|
|
244
244
|
$successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
|
|
245
245
|
|
|
246
|
-
$infoText:
|
|
247
|
-
$infoBackground:
|
|
246
|
+
$infoText: $textColor !default;
|
|
247
|
+
$infoBackground: $purple !default;
|
|
248
248
|
$infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
|
|
249
249
|
|
|
250
250
|
|