boarding_pass 0.1.9 → 1.0.0.beta1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.gitignore +1 -0
- data/.jshintrc +75 -0
- data/.npmignore +4 -0
- data/LICENSE.txt +1 -1
- data/README.md +71 -8
- data/app/assets/stylesheets/_boarding_pass.scss +2 -5
- data/app/assets/stylesheets/_legacy.scss +10 -0
- data/app/assets/stylesheets/boarding_pass/_colors.scss +33 -0
- data/app/assets/stylesheets/boarding_pass/_defaults.scss +23 -16
- data/app/assets/stylesheets/boarding_pass/_mixins.scss +9 -38
- data/app/assets/stylesheets/boarding_pass/_settings.scss +8 -3
- data/app/assets/stylesheets/legacy/_defaults.scss +33 -0
- data/app/assets/stylesheets/{boarding_pass → legacy}/_forms.scss +0 -0
- data/app/assets/stylesheets/{boarding_pass → legacy}/_lists.scss +0 -0
- data/app/assets/stylesheets/legacy/_mixins.scss +43 -0
- data/app/assets/stylesheets/{boarding_pass → legacy}/_normalize.scss +0 -0
- data/app/assets/stylesheets/legacy/_settings.scss +3 -0
- data/app/assets/stylesheets/{boarding_pass → legacy}/_tables.scss +0 -0
- data/app/assets/stylesheets/{boarding_pass → legacy}/_typography.scss +4 -2
- data/app/assets/stylesheets/typography/_typography.scss +2 -0
- data/app/assets/stylesheets/typography/_vars-typeplate.scss +129 -0
- data/app/assets/stylesheets/vendor/_normalize.scss +406 -0
- data/app/assets/stylesheets/vendor/_typeplate.scss +834 -0
- data/index.js +13 -0
- data/lib/boarding_pass/version.rb +1 -1
- data/package.json +30 -0
- data/preview/index.js +34 -0
- data/preview/public/style.css +342 -0
- data/preview/public/typography.css +680 -0
- data/preview/sass/style.scss +1 -0
- data/preview/sass/typography.scss +2 -0
- data/preview/templates/index.jade +76 -0
- data/server.js +1 -0
- metadata +30 -10
data/index.js
ADDED
@@ -0,0 +1,13 @@
|
|
1
|
+
var path = require('path');
|
2
|
+
|
3
|
+
function getPaths() {
|
4
|
+
var neatPaths = require('node-neat').includePaths;
|
5
|
+
var boardingPassPaths = path.join(__dirname, 'app/assets/stylesheets');
|
6
|
+
return neatPaths.concat(boardingPassPaths);
|
7
|
+
}
|
8
|
+
|
9
|
+
module.exports = {
|
10
|
+
|
11
|
+
includePaths: getPaths()
|
12
|
+
|
13
|
+
};
|
data/package.json
ADDED
@@ -0,0 +1,30 @@
|
|
1
|
+
{
|
2
|
+
"name": "boarding-pass",
|
3
|
+
"version": "1.0.0-beta1",
|
4
|
+
"description": "Boarding Pass provides a set of tools and defaults to quickly start front-end web project styling.",
|
5
|
+
"main": "index.js",
|
6
|
+
"scripts": {
|
7
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
8
|
+
},
|
9
|
+
"repository": {
|
10
|
+
"type": "git",
|
11
|
+
"url": "git://github.com/lacroixdesign/boarding_pass.git"
|
12
|
+
},
|
13
|
+
"keywords": [
|
14
|
+
"sass",
|
15
|
+
"css"
|
16
|
+
],
|
17
|
+
"author": "Michael LaCroix <michael@lacroixdesign.net> (http://www.lacroixdesign.net)",
|
18
|
+
"license": "MIT",
|
19
|
+
"bugs": {
|
20
|
+
"url": "https://github.com/lacroixdesign/boarding_pass/issues"
|
21
|
+
},
|
22
|
+
"dependencies": {
|
23
|
+
"node-neat": "1.x"
|
24
|
+
},
|
25
|
+
"devDependencies": {
|
26
|
+
"node-sass": "~0.8.1",
|
27
|
+
"express": "~3.4.8",
|
28
|
+
"jade": "~1.1.4"
|
29
|
+
}
|
30
|
+
}
|
data/preview/index.js
ADDED
@@ -0,0 +1,34 @@
|
|
1
|
+
var express = require('express')
|
2
|
+
, http = require('http')
|
3
|
+
, sass = require('node-sass')
|
4
|
+
, boardingPass = require('../index.js');
|
5
|
+
|
6
|
+
var app = module.exports = express();
|
7
|
+
|
8
|
+
app.set('port', process.env.PORT || 3000);
|
9
|
+
app.set('views', __dirname);
|
10
|
+
app.set('view engine', 'jade');
|
11
|
+
|
12
|
+
var sassMiddleware = sass.middleware({
|
13
|
+
src: __dirname + '/sass'
|
14
|
+
, dest: __dirname + '/public'
|
15
|
+
, debug: true
|
16
|
+
, includePaths: boardingPass.includePaths
|
17
|
+
});
|
18
|
+
|
19
|
+
app.use(sassMiddleware);
|
20
|
+
app.use(app.router);
|
21
|
+
app.use(express.static(__dirname + '/public'));
|
22
|
+
|
23
|
+
var renderWith = function(stylesheet) {
|
24
|
+
return function (req, res) {
|
25
|
+
res.render('templates/index', { stylesheet: stylesheet });
|
26
|
+
};
|
27
|
+
};
|
28
|
+
|
29
|
+
app.get('/', renderWith('style'));
|
30
|
+
app.get('/typography', renderWith('typography'));
|
31
|
+
|
32
|
+
http.createServer(app).listen(app.get('port'), function () {
|
33
|
+
console.log('Server listening on port ' + app.get('port'));
|
34
|
+
});
|
@@ -0,0 +1,342 @@
|
|
1
|
+
* {
|
2
|
+
-webkit-box-sizing: border-box;
|
3
|
+
-moz-box-sizing: border-box;
|
4
|
+
box-sizing: border-box; }
|
5
|
+
|
6
|
+
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
|
7
|
+
/* ==========================================================================
|
8
|
+
HTML5 display definitions
|
9
|
+
========================================================================== */
|
10
|
+
/**
|
11
|
+
* Correct `block` display not defined in IE 8/9.
|
12
|
+
*/
|
13
|
+
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
|
14
|
+
display: block; }
|
15
|
+
|
16
|
+
/**
|
17
|
+
* Correct `inline-block` display not defined in IE 8/9.
|
18
|
+
*/
|
19
|
+
audio, canvas, video {
|
20
|
+
display: inline-block; }
|
21
|
+
|
22
|
+
/**
|
23
|
+
* Prevent modern browsers from displaying `audio` without controls.
|
24
|
+
* Remove excess height in iOS 5 devices.
|
25
|
+
*/
|
26
|
+
audio:not([controls]) {
|
27
|
+
display: none;
|
28
|
+
height: 0; }
|
29
|
+
|
30
|
+
/**
|
31
|
+
* Address `[hidden]` styling not present in IE 8/9.
|
32
|
+
* Hide the `template` element in IE, Safari, and Firefox < 22.
|
33
|
+
*/
|
34
|
+
[hidden], template {
|
35
|
+
display: none; }
|
36
|
+
|
37
|
+
/* ==========================================================================
|
38
|
+
Base
|
39
|
+
========================================================================== */
|
40
|
+
/**
|
41
|
+
* 1. Set default font family to sans-serif.
|
42
|
+
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
43
|
+
* user zoom.
|
44
|
+
*/
|
45
|
+
html {
|
46
|
+
font-family: sans-serif;
|
47
|
+
/* 1 */
|
48
|
+
-ms-text-size-adjust: 100%;
|
49
|
+
/* 2 */
|
50
|
+
-webkit-text-size-adjust: 100%;
|
51
|
+
/* 2 */ }
|
52
|
+
|
53
|
+
/**
|
54
|
+
* Remove default margin.
|
55
|
+
*/
|
56
|
+
body {
|
57
|
+
margin: 0; }
|
58
|
+
|
59
|
+
/* ==========================================================================
|
60
|
+
Links
|
61
|
+
========================================================================== */
|
62
|
+
/**
|
63
|
+
* Remove the gray background color from active links in IE 10.
|
64
|
+
*/
|
65
|
+
a {
|
66
|
+
background: transparent; }
|
67
|
+
|
68
|
+
/**
|
69
|
+
* Address `outline` inconsistency between Chrome and other browsers.
|
70
|
+
*/
|
71
|
+
a:focus {
|
72
|
+
outline: thin dotted; }
|
73
|
+
|
74
|
+
/**
|
75
|
+
* Improve readability when focused and also mouse hovered in all browsers.
|
76
|
+
*/
|
77
|
+
a:active, a:hover {
|
78
|
+
outline: 0; }
|
79
|
+
|
80
|
+
/* ==========================================================================
|
81
|
+
Typography
|
82
|
+
========================================================================== */
|
83
|
+
/**
|
84
|
+
* Address variable `h1` font-size and margin within `section` and `article`
|
85
|
+
* contexts in Firefox 4+, Safari 5, and Chrome.
|
86
|
+
*/
|
87
|
+
h1 {
|
88
|
+
font-size: 2em;
|
89
|
+
margin: 0.67em 0; }
|
90
|
+
|
91
|
+
/**
|
92
|
+
* Address styling not present in IE 8/9, Safari 5, and Chrome.
|
93
|
+
*/
|
94
|
+
abbr[title] {
|
95
|
+
border-bottom: 1px dotted; }
|
96
|
+
|
97
|
+
/**
|
98
|
+
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
99
|
+
*/
|
100
|
+
b, strong {
|
101
|
+
font-weight: bold; }
|
102
|
+
|
103
|
+
/**
|
104
|
+
* Address styling not present in Safari 5 and Chrome.
|
105
|
+
*/
|
106
|
+
dfn {
|
107
|
+
font-style: italic; }
|
108
|
+
|
109
|
+
/**
|
110
|
+
* Address differences between Firefox and other browsers.
|
111
|
+
*/
|
112
|
+
hr {
|
113
|
+
-moz-box-sizing: content-box;
|
114
|
+
box-sizing: content-box;
|
115
|
+
height: 0; }
|
116
|
+
|
117
|
+
/**
|
118
|
+
* Address styling not present in IE 8/9.
|
119
|
+
*/
|
120
|
+
mark {
|
121
|
+
background: #ff0;
|
122
|
+
color: #000; }
|
123
|
+
|
124
|
+
/**
|
125
|
+
* Correct font family set oddly in Safari 5 and Chrome.
|
126
|
+
*/
|
127
|
+
code, kbd, pre, samp {
|
128
|
+
font-family: monospace, serif;
|
129
|
+
font-size: 1em; }
|
130
|
+
|
131
|
+
/**
|
132
|
+
* Improve readability of pre-formatted text in all browsers.
|
133
|
+
*/
|
134
|
+
pre {
|
135
|
+
white-space: pre-wrap; }
|
136
|
+
|
137
|
+
/**
|
138
|
+
* Set consistent quote types.
|
139
|
+
*/
|
140
|
+
q {
|
141
|
+
quotes: "\201C" "\201D" "\2018" "\2019"; }
|
142
|
+
|
143
|
+
/**
|
144
|
+
* Address inconsistent and variable font size in all browsers.
|
145
|
+
*/
|
146
|
+
small {
|
147
|
+
font-size: 80%; }
|
148
|
+
|
149
|
+
/**
|
150
|
+
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
151
|
+
*/
|
152
|
+
sub, sup {
|
153
|
+
font-size: 75%;
|
154
|
+
line-height: 0;
|
155
|
+
position: relative;
|
156
|
+
vertical-align: baseline; }
|
157
|
+
|
158
|
+
sup {
|
159
|
+
top: -0.5em; }
|
160
|
+
|
161
|
+
sub {
|
162
|
+
bottom: -0.25em; }
|
163
|
+
|
164
|
+
/* ==========================================================================
|
165
|
+
Embedded content
|
166
|
+
========================================================================== */
|
167
|
+
/**
|
168
|
+
* Remove border when inside `a` element in IE 8/9.
|
169
|
+
*/
|
170
|
+
img {
|
171
|
+
border: 0; }
|
172
|
+
|
173
|
+
/**
|
174
|
+
* Correct overflow displayed oddly in IE 9.
|
175
|
+
*/
|
176
|
+
svg:not(:root) {
|
177
|
+
overflow: hidden; }
|
178
|
+
|
179
|
+
/* ==========================================================================
|
180
|
+
Figures
|
181
|
+
========================================================================== */
|
182
|
+
/**
|
183
|
+
* Address margin not present in IE 8/9 and Safari 5.
|
184
|
+
*/
|
185
|
+
figure {
|
186
|
+
margin: 0; }
|
187
|
+
|
188
|
+
/* ==========================================================================
|
189
|
+
Forms
|
190
|
+
========================================================================== */
|
191
|
+
/**
|
192
|
+
* Define consistent border, margin, and padding.
|
193
|
+
*/
|
194
|
+
fieldset {
|
195
|
+
border: 1px solid #c0c0c0;
|
196
|
+
margin: 0 2px;
|
197
|
+
padding: 0.35em 0.625em 0.75em; }
|
198
|
+
|
199
|
+
/**
|
200
|
+
* 1. Correct `color` not being inherited in IE 8/9.
|
201
|
+
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
202
|
+
*/
|
203
|
+
legend {
|
204
|
+
border: 0;
|
205
|
+
/* 1 */
|
206
|
+
padding: 0;
|
207
|
+
/* 2 */ }
|
208
|
+
|
209
|
+
/**
|
210
|
+
* 1. Correct font family not being inherited in all browsers.
|
211
|
+
* 2. Correct font size not being inherited in all browsers.
|
212
|
+
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
|
213
|
+
*/
|
214
|
+
button, input, select, textarea {
|
215
|
+
font-family: inherit;
|
216
|
+
/* 1 */
|
217
|
+
font-size: 100%;
|
218
|
+
/* 2 */
|
219
|
+
margin: 0;
|
220
|
+
/* 3 */ }
|
221
|
+
|
222
|
+
/**
|
223
|
+
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
224
|
+
* the UA stylesheet.
|
225
|
+
*/
|
226
|
+
button, input {
|
227
|
+
line-height: normal; }
|
228
|
+
|
229
|
+
/**
|
230
|
+
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
231
|
+
* All other form control elements do not inherit `text-transform` values.
|
232
|
+
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
|
233
|
+
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
234
|
+
*/
|
235
|
+
button, select {
|
236
|
+
text-transform: none; }
|
237
|
+
|
238
|
+
/**
|
239
|
+
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
240
|
+
* and `video` controls.
|
241
|
+
* 2. Correct inability to style clickable `input` types in iOS.
|
242
|
+
* 3. Improve usability and consistency of cursor style between image-type
|
243
|
+
* `input` and others.
|
244
|
+
*/
|
245
|
+
button, html input[type="button"], input[type="reset"], input[type="submit"] {
|
246
|
+
-webkit-appearance: button;
|
247
|
+
/* 2 */
|
248
|
+
cursor: pointer;
|
249
|
+
/* 3 */ }
|
250
|
+
|
251
|
+
/**
|
252
|
+
* Re-set default cursor for disabled elements.
|
253
|
+
*/
|
254
|
+
button[disabled], html input[disabled] {
|
255
|
+
cursor: default; }
|
256
|
+
|
257
|
+
/**
|
258
|
+
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
259
|
+
* 2. Remove excess padding in IE 8/9/10.
|
260
|
+
*/
|
261
|
+
input[type="checkbox"], input[type="radio"] {
|
262
|
+
box-sizing: border-box;
|
263
|
+
/* 1 */
|
264
|
+
padding: 0;
|
265
|
+
/* 2 */ }
|
266
|
+
|
267
|
+
/**
|
268
|
+
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
269
|
+
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
270
|
+
* (include `-moz` to future-proof).
|
271
|
+
*/
|
272
|
+
input[type="search"] {
|
273
|
+
-webkit-appearance: textfield;
|
274
|
+
/* 1 */
|
275
|
+
-moz-box-sizing: content-box;
|
276
|
+
-webkit-box-sizing: content-box;
|
277
|
+
/* 2 */
|
278
|
+
box-sizing: content-box; }
|
279
|
+
|
280
|
+
/**
|
281
|
+
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
282
|
+
* on OS X.
|
283
|
+
*/
|
284
|
+
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
|
285
|
+
-webkit-appearance: none; }
|
286
|
+
|
287
|
+
/**
|
288
|
+
* Remove inner padding and border in Firefox 4+.
|
289
|
+
*/
|
290
|
+
button::-moz-focus-inner, input::-moz-focus-inner {
|
291
|
+
border: 0;
|
292
|
+
padding: 0; }
|
293
|
+
|
294
|
+
/**
|
295
|
+
* 1. Remove default vertical scrollbar in IE 8/9.
|
296
|
+
* 2. Improve readability and alignment in all browsers.
|
297
|
+
*/
|
298
|
+
textarea {
|
299
|
+
overflow: auto;
|
300
|
+
/* 1 */
|
301
|
+
vertical-align: top;
|
302
|
+
/* 2 */ }
|
303
|
+
|
304
|
+
/* ==========================================================================
|
305
|
+
Tables
|
306
|
+
========================================================================== */
|
307
|
+
/**
|
308
|
+
* Remove most spacing between table cells.
|
309
|
+
*/
|
310
|
+
table {
|
311
|
+
border-collapse: collapse;
|
312
|
+
border-spacing: 0; }
|
313
|
+
|
314
|
+
* {
|
315
|
+
-webkit-font-smoothing: antialiased !important;
|
316
|
+
-moz-osx-font-smoothing: grayscale !important; }
|
317
|
+
|
318
|
+
html body {
|
319
|
+
padding-left: 0;
|
320
|
+
padding-right: 0; }
|
321
|
+
|
322
|
+
body {
|
323
|
+
padding: 0;
|
324
|
+
margin: 0;
|
325
|
+
background: #fff; }
|
326
|
+
|
327
|
+
::selection {
|
328
|
+
background: #ddd;
|
329
|
+
color: #111; }
|
330
|
+
|
331
|
+
a, a:hover, a:focus, a:visited {
|
332
|
+
color: inherit; }
|
333
|
+
|
334
|
+
em {
|
335
|
+
font-style: italic; }
|
336
|
+
|
337
|
+
hr {
|
338
|
+
clear: both;
|
339
|
+
height: 0;
|
340
|
+
margin: 1em 0;
|
341
|
+
border: solid #ddd;
|
342
|
+
border-width: 1px 0 0; }
|