bootswatch-rails 0.0.7 → 0.0.8

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/README.md CHANGED
@@ -48,6 +48,7 @@ I'm converting/updating them as time permits. Here's what's included at this poi
48
48
  * [Journal](http://bootswatch.com/journal/)
49
49
  * [Readable](http://bootswatch.com/readable/)
50
50
  * [Simplex](http://bootswatch.com/simplex/)
51
+ * [Slate](http://bootswatch.com/slate/)
51
52
  * [United](http://bootswatch.com/united/)
52
53
 
53
54
  ## Contributing
@@ -1,5 +1,5 @@
1
1
  module Bootswatch
2
2
  module Rails
3
- VERSION = "0.0.7"
3
+ VERSION = "0.0.8"
4
4
  end
5
5
  end
@@ -0,0 +1,428 @@
1
+ // Swatch: Slate
2
+ // Version: 2.0.2
3
+ // -----------------------------------------------------
4
+
5
+ // SCAFFOLDING
6
+ // -----------------------------------------------------
7
+
8
+ h1, h2, h3, h4, h5, h6, body, legend, label {
9
+ text-shadow: -1px -1px 0 #111;
10
+ }
11
+
12
+ // NAVBAR
13
+ // -----------------------------------------------------
14
+
15
+ .navbar .brand {
16
+ font-weight: bold;
17
+ }
18
+
19
+ .navbar .navbar-inner,
20
+ div.subnav {
21
+ @include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
22
+ }
23
+
24
+ .navbar .divider-vertical {
25
+ background-color: transparent;
26
+ border-right: none;
27
+ }
28
+
29
+ .navbar .brand,
30
+ .navbar .nav > li > a,
31
+ div.subnav .nav > li > a {
32
+ color: $grayLighter;
33
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
34
+ border-right: 1px solid darken($gray, 15%);
35
+ }
36
+
37
+ .navbar .nav > li > a,
38
+ div.subnav .nav > li > a {
39
+ border-left: 1px solid $gray;
40
+
41
+ &:hover {
42
+ color: $grayLighter;
43
+ background-color: $grayDark;
44
+ @include gradient-directional($grayDarker, $grayDark, 280deg);
45
+ border-left: 1px solid transparent;
46
+ border-right: 1px solid transparent;
47
+ }
48
+ }
49
+
50
+ .navbar .nav > li.active > a,
51
+ div.subnav .nav > li.active > a,
52
+ .navbar .nav > li.active > a:hover,
53
+ div.subnav .nav > li.active > a:hover {
54
+ color: $grayLighter;
55
+ background-color: $grayDark;
56
+ @include gradient-directional(lighten($grayDarker, 4%), lighten($grayDark, 4%), 280deg);
57
+ border-right: 1px solid darken($gray, 15%);
58
+ }
59
+
60
+ div.subnav .nav > li:first-child > a,
61
+ div.subnav .nav > li:first-child > a:hover {
62
+ border-left: 1px solid transparent;
63
+ }
64
+
65
+ div.subnav.subnav-fixed .nav > li.active:first-child > a,
66
+ div.subnav.subnav-fixed .nav > li:first-child > a:hover {
67
+ border-left: 1px solid darken($gray, 15%);
68
+ }
69
+
70
+ div.subnav .nav > li.active:last-child > a,
71
+ div.subnav .nav > li:last-child > a:hover {
72
+ border-right: 1px solid darken($gray, 15%);
73
+ }
74
+
75
+ div.subnav {
76
+ border: 1px solid transparent;
77
+ @include box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
78
+ }
79
+
80
+ div.subnav-fixed {
81
+ @include box-shadow(none);
82
+ }
83
+
84
+ .navbar-search .search-query {
85
+ border: 1px solid darken($gray, 15%);
86
+ }
87
+
88
+ .nav .nav-header {
89
+ text-shadow: none;
90
+ }
91
+
92
+ .navbar .nav-collapse.in > .nav > li > a,
93
+ .navbar .nav-collapse.in > .nav > li.active > a,
94
+ .navbar .nav-collapse.in > .nav > li > a:hover,
95
+ .navbar .nav-collapse.in > .nav > li.active > a:hover {
96
+ color: $grayLighter;
97
+ border: 1px solid transparent;
98
+ @include box-shadow(none);
99
+ background-color: transparent;
100
+ background-image: none;
101
+ }
102
+
103
+ .navbar .nav-collapse.in > .nav > li > a:hover,
104
+ .navbar .nav-collapse.in > .nav > li.active > a:hover {
105
+ background-color: $grayDarker;
106
+ }
107
+
108
+ @media (max-width: 979px) {
109
+ .navbar .brand {
110
+ border-right: none;
111
+ }
112
+ }
113
+ @media (max-width: 768px) {
114
+ div.subnav .nav > li + li > a {
115
+ border-top: 1px solid transparent;
116
+ }
117
+ }
118
+
119
+ // BUTTONS
120
+ // -----------------------------------------------------
121
+
122
+ .btn {
123
+ @include buttonBackground($gray, darken($gray, 10%));
124
+ @include border-radius(3px);
125
+ border: 1px solid $grayDarker;
126
+ }
127
+
128
+ .btn, .btn:hover {
129
+ color: $white;
130
+ font-weight: bold;
131
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
132
+ }
133
+
134
+ .btn-primary {
135
+ @include buttonBackground($btnPrimaryBackground, adjust-hue($btnPrimaryBackground, 20));
136
+ }
137
+ .btn-warning {
138
+ @include buttonBackground(lighten($orange, 15%), $orange);
139
+ }
140
+
141
+ .btn-danger {
142
+ @include buttonBackground(#ee5f5b, #bd362f);
143
+ }
144
+
145
+ .btn-success {
146
+ @include buttonBackground(#62c462, #51a351);
147
+ }
148
+
149
+ .btn-info {
150
+ @include buttonBackground(#5bc0de, #2f96b4);
151
+ }
152
+
153
+ .btn-inverse {
154
+ @include buttonBackground(#454545, #262626);
155
+ }
156
+
157
+ .caret {
158
+ border-top-color: $white;
159
+ }
160
+
161
+ // TABLES
162
+ // -----------------------------------------------------
163
+
164
+ .table th, .table td, .table tbody + tbody {
165
+ border-top: 1px solid darken($grayDarker, 5%);
166
+ }
167
+
168
+ .table-bordered {
169
+ border: 1px solid darken($grayDarker, 5%);
170
+ th + th,
171
+ td + td,
172
+ th + td,
173
+ td + th {
174
+ border-left: 1px solid darken($grayDarker, 5%);
175
+ }
176
+ // Prevent a double border
177
+ thead:first-child tr:first-child th,
178
+ tbody:first-child tr:first-child th,
179
+ tbody:first-child tr:first-child td {
180
+ border-top: 0;
181
+ }
182
+ }
183
+
184
+ .table-striped {
185
+ tbody {
186
+ tr:nth-child(odd) td,
187
+ tr:nth-child(odd) th {
188
+ background-color: darken($grayDark, 5%);
189
+ }
190
+ }
191
+ }
192
+
193
+ .table {
194
+ tbody tr:hover td,
195
+ tbody tr:hover th {
196
+ background-color: $grayDark;
197
+ }
198
+ }
199
+
200
+ // NAVIGATION
201
+ // -----------------------------------------------------
202
+
203
+ .pagination > ul {
204
+ @include box-shadow(none);
205
+ }
206
+
207
+ .breadcrumb {
208
+ @include box-shadow(none);
209
+ }
210
+
211
+ .breadcrumb, .pagination > ul a, .pager a {
212
+ border: 1px solid transparent;
213
+ @include box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
214
+ @include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
215
+ }
216
+
217
+ .breadcrumb li, .breadcrumb a, .pagination > ul a {
218
+ color: $grayLighter;
219
+ font-weight: bold;
220
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
221
+ }
222
+
223
+ .breadcrumb a {
224
+ color: $white;
225
+ }
226
+
227
+ .pagination li > a,
228
+ .pagination li.disabled > a {
229
+ border-left: 1px solid $gray;
230
+ border-right: 1px solid darken($gray, 15%);
231
+ border-top: none;
232
+ border-bottom: none;
233
+ }
234
+
235
+ .pagination li.disabled > a {
236
+ @include gradient-vertical-three-colors($grayLight, $gray, 70%, $gray);
237
+ }
238
+
239
+ .pagination > ul > li:not(.disabled) a:hover,
240
+ {
241
+ @include gradient-directional($grayDarker, $grayDark, 280deg);
242
+ border-left: 1px solid transparent;
243
+ }
244
+
245
+ .pagination > ul > li.active > a,
246
+ .pagination > ul > li.active > a:hover {
247
+ color: $grayLighter;
248
+ background-color: $grayDark;
249
+ @include gradient-directional(lighten($grayDarker, 4%), lighten($grayDark, 4%), 280deg);
250
+ border-left: 1px solid transparent;
251
+ }
252
+
253
+ .pager a:hover {
254
+ @include gradient-directional($grayDarker, $grayDark, 280deg);
255
+ border: 1px solid transparent;
256
+ }
257
+
258
+ .nav > li > a,
259
+ .nav > li > a:hover,
260
+ .nav > li.active > a,
261
+ .nav > li.active > a:hover,
262
+ .nav-tabs.nav-stacked > li > a,
263
+ .nav-tabs.nav-stacked > li > a:hover {
264
+ border: none;
265
+ background-color: transparent;
266
+ color: $grayLighter;
267
+ font-weight: bold;
268
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
269
+ }
270
+
271
+ .dropdown-menu {
272
+ @include box-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
273
+ }
274
+
275
+ .dropdown-menu,
276
+ .dropdown-menu li.active a,
277
+ .dropdown-menu li.active a:hover {
278
+ background-color: $grayDark;
279
+ }
280
+
281
+ .dropdown-menu a,
282
+ .dropdown-menu li.active a,
283
+ .dropdown-menu li a:hover,
284
+ .dropdown-menu li.active a:hover,
285
+ .dropdown.open .dropdown-toggle {
286
+ color: $grayLighter;
287
+ }
288
+
289
+ .dropdown-menu li a:hover,
290
+ .dropdown-menu li.active a:hover {
291
+ background-color: $grayDarker;
292
+ }
293
+
294
+ .navbar .dropdown-menu::after {
295
+ border-bottom: 6px solid $grayDark;
296
+ }
297
+
298
+ .nav > li > a {
299
+ border: none;
300
+ @include box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
301
+ @include gradient-vertical-three-colors($gray, $grayDark, 70%, $grayDark);
302
+
303
+ }
304
+
305
+ .nav.nav-list .nav-header {
306
+ color: $grayLight;
307
+ text-shadow: -1px -1px 0 #111;
308
+ }
309
+
310
+ .nav.nav-list .divider {
311
+ border-bottom: 1px solid darken($grayDarker, 5%);
312
+ background-color: transparent;
313
+ }
314
+
315
+ .nav-tabs {
316
+ border-bottom: none;
317
+ }
318
+
319
+ .tabs-below .nav-tabs {
320
+ border-top: none;
321
+ }
322
+
323
+ .tabs-left .nav-tabs {
324
+ border-right: none;
325
+ }
326
+
327
+ .tabs-right .nav-tabs {
328
+ border-left: none;
329
+ }
330
+
331
+ // FORMS
332
+ // -----------------------------------------------------
333
+
334
+ label, input, button, select, textarea, legend {
335
+ color: $textColor;
336
+ }
337
+
338
+ .form-actions {
339
+ background-color: darken($grayDarker, 3%);
340
+ border-top: none;
341
+ }
342
+
343
+ .input-prepend .add-on, .input-append .add-on {
344
+ vertical-align: top;
345
+ height: 19px;
346
+ background-color: $gray;
347
+ border-top: 1px solid $grayLight;
348
+ border-left: 1px solid $grayLight;
349
+ border-bottom: 1px solid $grayDark;
350
+ border-right: 1px solid $grayDark;
351
+ text-shadow: none;
352
+ }
353
+
354
+ .uneditable-input, input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
355
+ text-shadow: none;
356
+ color: $grayLighter;
357
+ }
358
+
359
+ // LABELS AND ALERTS
360
+ // -----------------------------------------------------
361
+
362
+ .label, .alert {
363
+ color: rgba(255, 255, 255, 0.9);
364
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
365
+ @include box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
366
+ }
367
+
368
+ .alert-heading {
369
+ color: rgba(255, 255, 255, 0.9);
370
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
371
+ }
372
+
373
+ .alert {
374
+ background-color: $warningText;
375
+ border-color: $warningText;
376
+ }
377
+
378
+ .alert-success {
379
+ background-color: $successText;
380
+ border-color: $successText;
381
+ }
382
+
383
+ .alert-danger,
384
+ .alert-error {
385
+ background-color: $errorText;
386
+ border-color: $errorText;
387
+ }
388
+
389
+ .alert-info {
390
+ background-color: $infoText;
391
+ border-color: $infoText;
392
+ }
393
+
394
+ // MISCELLANEOUS
395
+ // -----------------------------------------------------
396
+
397
+ code, pre {
398
+ background-color: #F7F7F7;
399
+ border: 1px solid darken($grayDarker, 5%);
400
+ text-shadow: none;
401
+ }
402
+
403
+ hr, legend, .page-header, .dropdown-menu .divider {
404
+ border-top: none;
405
+ border-bottom: 1px solid darken($grayDarker, 5%);
406
+ background-color: transparent;
407
+ }
408
+
409
+ footer.footer {
410
+ border-top: 1px solid darken($grayDarker, 5%);
411
+
412
+ p {
413
+ color: $textColor;
414
+ }
415
+ }
416
+
417
+ .well, .progress {
418
+ background-color: darken($grayDarker, 3%);
419
+ @include box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5));
420
+ }
421
+
422
+ .progress {
423
+ @include gradient-vertical(darken($grayDarker, 3%), darken($grayDarker, 3%));
424
+ }
425
+
426
+ .thumbnail, a.thumbnail:hover {
427
+ border: 1px solid darken($grayDarker, 5%);
428
+ }
@@ -0,0 +1,202 @@
1
+ // Variables to customize the look and feel of Bootstrap
2
+ // Swatch: Slate
3
+ // Version: 2.0.2
4
+ // -----------------------------------------------------
5
+
6
+
7
+
8
+ // GLOBAL VALUES
9
+ // --------------------------------------------------
10
+
11
+
12
+ // Grays
13
+ // -------------------------
14
+ $black: #000;
15
+ $grayDarker: #272B30;
16
+ $grayDark: #3A3F44;
17
+ $gray: #52575C;
18
+ $grayLight: #757C82;
19
+ $grayLighter: #BBBFC2;
20
+ $white: #fff;
21
+
22
+
23
+ // Accent colors
24
+ // -------------------------
25
+ $blue: #02A1DD;
26
+ $blueDark: #108CBB;
27
+ $green: #87CA4D;
28
+ $red: #9d261d;
29
+ $yellow: #F6D30D;
30
+ $orange: #f89406;
31
+ $pink: #c3325f;
32
+ $purple: #7a43b6;
33
+
34
+
35
+ // Scaffolding
36
+ // -------------------------
37
+ $bodyBackground: $grayDarker;
38
+ $textColor: $grayLight;
39
+
40
+
41
+ // Links
42
+ // -------------------------
43
+ $linkColor: $white;
44
+ $linkColorHover: $white;
45
+
46
+
47
+ // Typography
48
+ // -------------------------
49
+ $baseFontSize: 13px;
50
+ $baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
51
+ $baseLineHeight: 18px;
52
+ $altFontFamily: Georgia, "Times New Roman", Times, serif;
53
+
54
+ $headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily
55
+ $headingsFontWeight: bold; // instead of browser default, bold
56
+ $headingsColor: inherit; // empty to use BS default, $textColor
57
+
58
+
59
+ // Tables
60
+ // -------------------------
61
+ $tableBackground: transparent; // overall background-color
62
+ $tableBackgroundAccent: #f9f9f9; // for striping
63
+ $tableBackgroundHover: #f5f5f5; // for hover
64
+ $tableBorder: darken($grayDarker, 5%); // table and cell border
65
+
66
+
67
+ // Buttons
68
+ // -------------------------
69
+ $btnBackground: $white;
70
+ $btnBackgroundHighlight: darken($white, 10%);
71
+ $btnBorder: darken($white, 20%);
72
+
73
+ $btnPrimaryBackground: $grayLight;
74
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%);
75
+
76
+ $btnInfoBackground: #5bc0de;
77
+ $btnInfoBackgroundHighlight: #2f96b4;
78
+
79
+ $btnSuccessBackground: #62c462;
80
+ $btnSuccessBackgroundHighlight: #51a351;
81
+
82
+ $btnWarningBackground: lighten($orange, 15%);
83
+ $btnWarningBackgroundHighlight: $orange;
84
+
85
+ $btnDangerBackground: #ee5f5b;
86
+ $btnDangerBackgroundHighlight: #bd362f;
87
+
88
+ $btnInverseBackground: $gray;
89
+ $btnInverseBackgroundHighlight: $grayDarker;
90
+
91
+
92
+ // Forms
93
+ // -------------------------
94
+ $inputBackground: $white;
95
+ $inputBorder: #ccc;
96
+ $inputDisabledBackground: $grayLighter;
97
+
98
+
99
+ // Dropdowns
100
+ // -------------------------
101
+ $dropdownBackground: $white;
102
+ $dropdownBorder: rgba(0,0,0,.2);
103
+ $dropdownLinkColor: $grayDark;
104
+ $dropdownLinkColorHover: $white;
105
+ $dropdownLinkBackgroundHover: $linkColor;
106
+
107
+
108
+
109
+
110
+ // COMPONENT VARIABLES
111
+ // --------------------------------------------------
112
+
113
+ // Z-index master list
114
+ // -------------------------
115
+ // Used for a bird's eye view of components dependent on the z-axis
116
+ // Try to avoid customizing these :)
117
+ $zindexDropdown: 1000;
118
+ $zindexPopover: 1010;
119
+ $zindexTooltip: 1020;
120
+ $zindexFixedNavbar: 1030;
121
+ $zindexModalBackdrop: 1040;
122
+ $zindexModal: 1050;
123
+
124
+
125
+ // Sprite icons path
126
+ // -------------------------
127
+ $iconSpritePath: "../img/glyphicons-halflings.png";
128
+ $iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
129
+
130
+
131
+ // Input placeholder text color
132
+ // -------------------------
133
+ $placeholderText: $grayLight;
134
+
135
+
136
+ // Hr border color
137
+ // -------------------------
138
+ $hrBorder: $grayLighter;
139
+
140
+
141
+ // Navbar
142
+ // -------------------------
143
+ $navbarHeight: 40px;
144
+ $navbarBackground: $grayDarker;
145
+ $navbarBackgroundHighlight: $grayDark;
146
+
147
+ $navbarText: $grayLight;
148
+ $navbarLinkColor: $grayLight;
149
+ $navbarLinkColorHover: $white;
150
+ $navbarLinkColorActive: $navbarLinkColorHover;
151
+ $navbarLinkBackgroundHover: transparent;
152
+ $navbarLinkBackgroundActive: $navbarBackground;
153
+
154
+ $navbarSearchBackground: lighten($navbarBackground, 25%);
155
+ $navbarSearchBackgroundFocus: $white;
156
+ $navbarSearchBorder: darken($navbarSearchBackground, 30%);
157
+ $navbarSearchPlaceholderColor: #ccc;
158
+
159
+
160
+ // Hero unit
161
+ // -------------------------
162
+ $heroUnitBackground: $grayLighter;
163
+ $heroUnitHeadingColor: inherit;
164
+ $heroUnitLeadColor: inherit;
165
+
166
+
167
+ // Form states and alerts
168
+ // -------------------------
169
+ $warningText: #c09853;
170
+ $warningBackground: #fcf8e3;
171
+ $warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
172
+
173
+ $errorText: #b94a48;
174
+ $errorBackground: #f2dede;
175
+ $errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
176
+
177
+ $successText: #468847;
178
+ $successBackground: #dff0d8;
179
+ $successBorder: darken(adjust-hue($successBackground, -10), 5%);
180
+
181
+ $infoText: #3a87ad;
182
+ $infoBackground: #d9edf7;
183
+ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
184
+
185
+
186
+
187
+
188
+ // GRID
189
+ // --------------------------------------------------
190
+
191
+ // Default 940px grid
192
+ // -------------------------
193
+ $gridColumns: 12;
194
+ $gridColumnWidth: 60px;
195
+ $gridGutterWidth: 20px;
196
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
197
+
198
+
199
+ // Fluid grid
200
+ // -------------------------
201
+ $fluidGridColumnWidth: 6.382978723%;
202
+ $fluidGridGutterWidth: 2.127659574%;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bootswatch-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.7
4
+ version: 0.0.8
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -13,7 +13,7 @@ date: 2012-03-18 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: railties
16
- requirement: &70257767417620 !ruby/object:Gem::Requirement
16
+ requirement: &70211734833240 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ! '>='
@@ -21,7 +21,7 @@ dependencies:
21
21
  version: '3.1'
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *70257767417620
24
+ version_requirements: *70211734833240
25
25
  description: Bootswatches converted to SCSS ready to use in Rails 3 asset pipeline.
26
26
  email:
27
27
  - max@bitsonnet.com
@@ -49,6 +49,8 @@ files:
49
49
  - vendor/assets/stylesheets/bootswatch/readable/_variables.scss
50
50
  - vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss
51
51
  - vendor/assets/stylesheets/bootswatch/simplex/_variables.scss
52
+ - vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss
53
+ - vendor/assets/stylesheets/bootswatch/slate/_variables.scss
52
54
  - vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss
53
55
  - vendor/assets/stylesheets/bootswatch/united/_variables.scss
54
56
  homepage: http://github.com/maxim/bootswatch-rails