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
- // Cerulean 2.2.2
1
+ // Cerulean 2.3.0
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
@@ -16,7 +16,6 @@
16
16
 
17
17
  .navbar {
18
18
 
19
-
20
19
  .brand {
21
20
  padding: 14px 20px 16px;
22
21
  font-family: $headingsFontFamily;
@@ -114,7 +113,7 @@ div.subnav {
114
113
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
115
114
 
116
115
  div.subnav-fixed {
117
- top: $navbarHeight;
116
+ top: $navbarHeight + 1;
118
117
  }
119
118
  }
120
119
 
@@ -1,4 +1,4 @@
1
- // Cerulean 2.2.2
1
+ // Cerulean 2.3.0
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
@@ -242,7 +242,7 @@ $successText: darken($green, 5%) !default;
242
242
  $successBackground: #D5ECBF !default;
243
243
  $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
244
244
 
245
- $infoText: darken(#908A62, 5%) !default;
245
+ $infoText: darken($blue, 10%) !default;
246
246
  $infoBackground: #A7DFF1 !default;
247
247
  $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
248
248
 
@@ -1,4 +1,4 @@
1
- // Cosmo 2.2.2
1
+ // Cosmo 2.3.0
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
@@ -48,6 +48,18 @@ blockquote {
48
48
  color: $gray;
49
49
  }
50
50
 
51
+ .text-warning { color: $orange; }
52
+ a.text-warning:hover { color: darken($orange, 10%); }
53
+
54
+ .text-error { color: $red; }
55
+ a.text-error:hover { color: darken($red, 10%); }
56
+
57
+ .text-info { color: $purple; }
58
+ a.text-info:hover { color: darken($purple, 10%); }
59
+
60
+ .text-success { color: $green; }
61
+ a.text-success:hover { color: darken($green, 10%); }
62
+
51
63
  // SCAFFOLDING
52
64
  // -----------------------------------------------------
53
65
 
@@ -114,8 +126,8 @@ blockquote {
114
126
 
115
127
  div.subnav {
116
128
 
117
- background-color: $grayLight;
118
- background-image: none;
129
+ margin: 0 1px;
130
+ background: $grayLight none;
119
131
  @include box-shadow(none);
120
132
  border: none;
121
133
  @include border-radius(0);
@@ -133,12 +145,12 @@ div.subnav {
133
145
  border-color: transparent;
134
146
  background-color: $black;
135
147
  color: $white;
136
- // border-left-width: 2px;
137
148
  @include box-shadow(none);
138
149
  }
139
150
 
140
151
  div.subnav-fixed {
141
- top: $navbarHeight;
152
+ top: $navbarHeight + 1;
153
+ margin: 0;
142
154
  }
143
155
  }
144
156
 
@@ -151,7 +163,6 @@ div.subnav {
151
163
  & > li.dropdown.open.active > a:hover {
152
164
  color: $blue;
153
165
  }
154
-
155
166
  }
156
167
 
157
168
  .nav-tabs {
@@ -180,6 +191,15 @@ div.subnav {
180
191
  }
181
192
  }
182
193
 
194
+ .tabs-below,
195
+ .tabs-left,
196
+ .tabs-right {
197
+
198
+ & > .nav-tabs > li > a{
199
+ @include border-radius(0);
200
+ }
201
+ }
202
+
183
203
  .nav-pills {
184
204
 
185
205
  & > li > a {
@@ -1,4 +1,4 @@
1
- // Cosmo 2.2.2
1
+ // Cosmo 2.3.0
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
@@ -181,8 +181,8 @@ $navbarCollapseWidth: 979px !default;
181
181
  $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1 !default;
182
182
 
183
183
  $navbarHeight: 50px !default;
184
+ $navbarBackgroundHighlight: $grayDarker !default;
184
185
  $navbarBackground: $grayDarker !default;
185
- $navbarBackgroundHighlight: $navbarBackground !default;
186
186
  $navbarBorder: transparent !default;
187
187
 
188
188
  $navbarText: $white !default;
@@ -1,4 +1,4 @@
1
- // Cyborg 2.2.2
1
+ // Cyborg 2.3.0
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
@@ -165,16 +165,13 @@ hr {
165
165
  }
166
166
 
167
167
  div.subnav {
168
+
169
+ margin: 0 1px;
168
170
  background-color: $grayDarker;
169
171
  background-image: none;
170
172
  border: none;
171
173
  border-bottom: 1px solid $grayDark;
172
174
 
173
-
174
- &.subnav-fixed {
175
- top: $navbarHeight;
176
- }
177
-
178
175
  .nav > li > a,
179
176
  .nav > li:first-child > a,
180
177
  .nav > li:first-child > a:hover {
@@ -198,6 +195,14 @@ div.subnav {
198
195
  .nav li.nav-header {
199
196
  text-shadow: none;
200
197
  }
198
+
199
+
200
+
201
+
202
+ div.subnav-fixed {
203
+ top: $navbarHeight;
204
+ margin: 0;
205
+ }
201
206
  }
202
207
 
203
208
  // NAV
@@ -1,4 +1,4 @@
1
- // Cyborg 2.2.2
1
+ // Cyborg 2.3.0
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
@@ -1,4 +1,4 @@
1
- // Journal 2.2.2
1
+ // Journal 2.3.0
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
@@ -171,9 +171,9 @@ hr {
171
171
 
172
172
  div.subnav {
173
173
 
174
+ margin: 0 1px;
174
175
  height: 54px;
175
- background-color: $bodyBackground;
176
- background-image: none;
176
+ background: $bodyBackground none;
177
177
  @include box-shadow(none);
178
178
  border: 2px solid $grayLighter;
179
179
  border-left: none;
@@ -181,7 +181,9 @@ div.subnav {
181
181
  @include border-radius(0);
182
182
 
183
183
  &.subnav-fixed {
184
- top: $navbarHeight;
184
+ top: $navbarHeight + 1;
185
+ margin: 0;
186
+ border-top: none;
185
187
  }
186
188
 
187
189
  .nav > li > a,
@@ -1,4 +1,4 @@
1
- // Journal 2.2.2
1
+ // Journal 2.3.0
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
@@ -132,7 +132,6 @@ $dropdownLinkBackgroundHover: $grayLighter !default;
132
132
  $dropdownLinkBackgroundActive: $dropdownLinkBackgroundHover !default;
133
133
 
134
134
 
135
-
136
135
  // COMPONENT VARIABLES
137
136
  // --------------------------------------------------
138
137
 
@@ -1,4 +1,4 @@
1
- // Readable 2.2.2
1
+ // Readable 2.3.0
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
@@ -23,7 +23,7 @@ div.subnav {
23
23
  }
24
24
 
25
25
  div.subnav-fixed {
26
- top: $navbarHeight;
26
+ top: $navbarHeight + 1;
27
27
  }
28
28
  }
29
29
 
@@ -1,4 +1,4 @@
1
- // Readable 2.2.2
1
+ // Readable 2.3.0
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
@@ -24,8 +24,8 @@ $blue: #0063AC !default;
24
24
  $blueDark: #0064cd !default;
25
25
  $green: #1C9B47 !default;
26
26
  $red: #9c0001 !default;
27
- $yellow: #ffc40d !default;
28
- $orange: #f89406 !default;
27
+ $yellow: #F8D60D !default;
28
+ $orange: #E78B24 !default;
29
29
  $pink: #c3325f !default;
30
30
  $purple: #7a43b6 !default;
31
31
 
@@ -38,7 +38,7 @@ $textColor: $grayDark !default;
38
38
 
39
39
  // Links
40
40
  // -------------------------
41
- $linkColor: $red !default;
41
+ $linkColor: $orange !default;
42
42
  $linkColorHover: darken($linkColor, 5%) !default;
43
43
 
44
44
 
@@ -84,9 +84,9 @@ $tableBorder: #ddd !default; // table and cell border
84
84
 
85
85
  // Buttons
86
86
  // -------------------------
87
- $btnBackground: $white !default;
88
- $btnBackgroundHighlight: darken($white, 10%) !default;
89
- $btnBorder: #bbb !default;
87
+ $btnBackground: $grayLighter !default;
88
+ $btnBackgroundHighlight: darken($grayLighter, 5%) !default;
89
+ $btnBorder: #ccc !default;
90
90
 
91
91
  $btnPrimaryBackground: lighten($linkColor, 5%) !default;
92
92
  $btnPrimaryBackgroundHighlight: $linkColor !default;
@@ -97,8 +97,8 @@ $btnInfoBackgroundHighlight: $blue !default;
97
97
  $btnSuccessBackground: lighten($green, 5%) !default;
98
98
  $btnSuccessBackgroundHighlight: $green !default;
99
99
 
100
- $btnWarningBackground: lighten($orange, 5%) !default;
101
- $btnWarningBackgroundHighlight: $orange !default;
100
+ $btnWarningBackground: lighten($yellow, 5%) !default;
101
+ $btnWarningBackgroundHighlight: $yellow !default;
102
102
 
103
103
  $btnDangerBackground: lighten($red, 5%) !default;
104
104
  $btnDangerBackgroundHighlight: $red !default;
@@ -172,7 +172,7 @@ $horizontalComponentOffset: 180px !default;
172
172
 
173
173
  // Wells
174
174
  // -------------------------
175
- $wellBackground: #f5f5f5 !default;
175
+ $wellBackground: #fefefe !default;
176
176
 
177
177
 
178
178
  // Navbar
@@ -223,26 +223,26 @@ $paginationActiveBackground: #f5f5f5 !default;
223
223
 
224
224
  // Hero unit
225
225
  // -------------------------
226
- $heroUnitBackground: $grayLighter !default;
226
+ $heroUnitBackground: #fefefe !default;
227
227
  $heroUnitHeadingColor: inherit !default;
228
228
  $heroUnitLeadColor: inherit !default;
229
229
 
230
230
 
231
231
  // Form states and alerts
232
232
  // -------------------------
233
- $warningText: #c09853 !default;
233
+ $warningText: $orange !default;
234
234
  $warningBackground: #fcf8e3 !default;
235
235
  $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
236
236
 
237
- $errorText: #b94a48 !default;
237
+ $errorText: $red !default;
238
238
  $errorBackground: #f2dede !default;
239
239
  $errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
240
240
 
241
- $successText: #468847 !default;
241
+ $successText: $green !default;
242
242
  $successBackground: #dff0d8 !default;
243
243
  $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
244
244
 
245
- $infoText: #3a87ad !default;
245
+ $infoText: $blue !default;
246
246
  $infoBackground: #d9edf7 !default;
247
247
  $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
248
248
 
@@ -1,4 +1,4 @@
1
- // Simplex 2.2.2
1
+ // Simplex 2.3.0
2
2
  // Bootswatch.less
3
3
  // -----------------------------------------------------
4
4
 
@@ -137,6 +137,7 @@ div.subnav {
137
137
  font-family: $headingsFontFamily;
138
138
 
139
139
  &.subnav-fixed {
140
+ top: $navbarHeight + 1;
140
141
  @include box-shadow(#{inset 0 5px #fff, $boxShadow});
141
142
  }
142
143
 
@@ -1,4 +1,4 @@
1
- // Simplex 2.2.2
1
+ // Simplex 2.3.0
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
@@ -1,4 +1,4 @@
1
- // Slate 2.2.2
1
+ // Slate 2.3.0
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
@@ -97,7 +97,7 @@ hr, legend, .page-header {
97
97
  .nav li > a:hover,
98
98
  .nav li.active > a,
99
99
  .nav li.active > a:hover {
100
- @include gradient-directional(darken($grayDarker, 3%), $grayDarker, 280deg);
100
+ @include gradient-directional(darken($grayDarker, 10%), darken($grayDarker, 5%), 280deg);
101
101
  }
102
102
  }
103
103
  }
@@ -144,6 +144,7 @@ hr, legend, .page-header {
144
144
 
145
145
  div.subnav {
146
146
 
147
+ margin: 0 1px;
147
148
  @include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
148
149
  border: 1px solid transparent;
149
150
  @include box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
@@ -176,11 +177,6 @@ div.subnav {
176
177
  border-left: 1px solid transparent;
177
178
  }
178
179
 
179
- &.subnav-fixed .nav > li.active:first-child > a,
180
- &.subnav-fixed .nav > li:first-child > a:hover {
181
- border-left: 1px solid darken($gray, 15%);
182
- }
183
-
184
180
  .nav > li.active:last-child > a,
185
181
  .nav > li:last-child > a:hover {
186
182
  border-right: 1px solid darken($gray, 15%);
@@ -192,7 +188,14 @@ div.subnav {
192
188
  }
193
189
 
194
190
  &.subnav-fixed {
191
+ top: $navbarHeight;
192
+ margin: 0;
195
193
  @include box-shadow(none);
194
+
195
+ .nav > li.active:first-child > a,
196
+ .nav > li:first-child > a:hover {
197
+ border-left: 1px solid darken($gray, 15%);
198
+ }
196
199
  }
197
200
  }
198
201
 
@@ -202,7 +205,7 @@ div.subnav {
202
205
  .nav {
203
206
 
204
207
  .nav-header {
205
- text-shadow: none;
208
+ text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
206
209
  }
207
210
 
208
211
  & > li > a {
@@ -1,4 +1,4 @@
1
- // Slate 2.2.2
1
+ // Slate 2.3.0
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
@@ -1,4 +1,4 @@
1
- // Spacelab 2.2.2
1
+ // Spacelab 2.3.0
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
@@ -16,22 +16,25 @@
16
16
 
17
17
  .navbar {
18
18
 
19
- .navbar-inner {
20
- @include box-shadow(0 1px 0 rgba(255,255,255,0.4), 0 1px 0 rgba(0,0,0,0.8));
21
- }
22
-
23
19
  .brand {
24
20
 
25
21
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
22
+ @include transition(color ease-in-out .2s);
26
23
 
27
24
  &:hover {
28
25
  color: $navbarLinkColorHover;
26
+ @include transition(color ease-in-out .2s);
29
27
  }
30
28
  }
31
29
 
32
30
  .nav > li > a {
33
31
  padding: 11px 10px 8px;
34
32
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
33
+ @include transition(color ease-in-out .2s);
34
+
35
+ &:hover {
36
+ @include transition(color ease-in-out .2s);
37
+ }
35
38
  }
36
39
 
37
40
  .navbar-text {
@@ -121,9 +124,12 @@ div.subnav {
121
124
  .nav > li > a {
122
125
 
123
126
  color: $navbarLinkColor;
127
+ @include transition(color ease-in-out .2s);
124
128
 
125
129
  &:hover {
130
+ border-left-color: $grayLight;
126
131
  color: $navbarLinkColorHover;
132
+ @include transition(color ease-in-out .2s);
127
133
  }
128
134
  }
129
135
 
@@ -150,11 +156,20 @@ div.subnav {
150
156
  color: $linkColor;
151
157
  }
152
158
  }
159
+
160
+ div.subnav-fixed {
161
+ top: $navbarHeight + 1;
162
+ }
153
163
  }
154
164
 
155
165
  // NAV
156
166
  // -----------------------------------------------------
157
167
 
168
+ .nav > li > a:hover,
169
+ .nav > li > a:focus {
170
+ background-color: rgba(0, 0, 0, 0.05);
171
+ }
172
+
158
173
  .nav > li.dropdown > .dropdown-toggle,
159
174
  .nav > li.dropdown.active > .dropdown-toggle,
160
175
  .nav > li.dropdown.open > .dropdown-toggle,
@@ -172,12 +187,27 @@ div.subnav {
172
187
  }
173
188
  }
174
189
 
190
+ .nav-list .divider {
191
+ background-color: $dropdownDividerTop;
192
+ border-bottom-color: $dropdownDividerBottom;
193
+ }
194
+
175
195
  // BUTTONS
176
196
  // -----------------------------------------------------
177
197
 
178
198
  // TABLES
179
199
  // -----------------------------------------------------
180
200
 
201
+ .table {
202
+
203
+ tbody tr.success > td,
204
+ tbody tr.error > td,
205
+ tbody tr.info > td {
206
+ color: $white;
207
+ }
208
+
209
+ }
210
+
181
211
  // FORMS
182
212
  // -----------------------------------------------------
183
213
 
@@ -212,8 +242,6 @@ div.subnav {
212
242
 
213
243
  .label, .badge {
214
244
 
215
- padding-top: 4px;
216
-
217
245
  .label,-important {
218
246
  background-color: $red;
219
247
  }
@@ -235,11 +263,11 @@ div.subnav {
235
263
  // -----------------------------------------------------
236
264
 
237
265
  .well {
238
- @include box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
266
+ // .box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
239
267
  }
240
268
 
241
269
  .hero-unit {
242
- @include box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
270
+ // .box-shadow(inset 1px 1px 0 rgba(0,0,0,.1));
243
271
  border: 1px solid rgba(0,0,0,.1);
244
272
  }
245
273