Skip to content
This repository
Browse code

Yay 1.0.1 for Sass and CSS. We now await Stylus and LESS to catch up.

  • Loading branch information...
commit 6a4374f1b6465561451610ee79469abab54dc06a 1 parent b3485c4
Dennis Gaebel authored
6  README.md
Source Rendered
@@ -10,9 +10,9 @@ Typeplate is a "typographic starter kit". We don’t make aesthetic design c
10 10
 ## File Size
11 11
 Not much goin’ on here in terms of bulk. As you can see, Typeplate is just a measely 3kb when compressed. That's really, really small.
12 12
 
13  
-- Raw Sass = **17kb**
14  
-- Compressed CSS = **3kb**
15  
-- Raw CSS = **6kb**
  13
+- Raw Sass, LESS and Stylus = **17kb**
  14
+- Compressed Sass, LESS and Stylus = **3kb**
  15
+- Raw CSS = **7kb**
16 16
 
17 17
 ## Installation
18 18
 Based on use cases for most developers' workflow, we recommend using typeplate just after your reset stylesheet (i.e. [normalize](http://necolas.github.com/normalize.css)) and your compass ``@import`` in order to operate as we've intended, but as you'll see from our <a href="http://typeplate.com/demo">demo</a> it isn't necessary.
198  codekit-config.json
@@ -2,17 +2,14 @@
2 2
   "CodeKitInfo" : "This is a CodeKit project configuration file. It is designed to sync project settings across multiple machines. Modifying the contents of this file can be a poor life decision if you don't know what you're doing. This file is not useful unless accompanied by the project that created it in CodeKit. For more information, see: http:\/\/incident57.com\/codekit",
3 3
   "creatorBuild" : "8248",
4 4
   "files" : {
5  
-    "\/scss\/demo.scss" : {
  5
+    "\/404.html" : {
6 6
       "ignoreWasSetByUser" : 0,
7 7
       "ignore" : 0,
8 8
       "hidden" : 0,
9 9
       "outputPathIsSetByUser" : 0,
10  
-      "inputAbbreviatedPath" : "\/scss\/demo.scss",
11  
-      "outputStyle" : 0,
12  
-      "shouldRunBless" : 1,
13  
-      "outputAbbreviatedPath" : "\/css\/demo.css",
14  
-      "fileType" : 4,
15  
-      "debugStyle" : 0
  10
+      "inputAbbreviatedPath" : "\/404.html",
  11
+      "outputAbbreviatedPath" : "No Output Path",
  12
+      "fileType" : 2048
16 13
     },
17 14
     "\/lib\/logo\/drafts\/sketches2.jpg" : {
18 15
       "ignoreWasSetByUser" : 0,
@@ -36,18 +33,16 @@
36 33
       "initialSize" : 2012311,
37 34
       "fileType" : 8192
38 35
     },
39  
-    "\/less\/typeplate.less" : {
  36
+    "\/js\/plugins.js" : {
40 37
       "ignoreWasSetByUser" : 0,
41  
-      "ignore" : 0,
  38
+      "ignore" : 1,
42 39
       "hidden" : 0,
43 40
       "outputPathIsSetByUser" : 0,
44  
-      "inputAbbreviatedPath" : "\/less\/typeplate.less",
45  
-      "outputStyle" : 0,
46  
-      "shouldRunBless" : 1,
47  
-      "outputAbbreviatedPath" : "\/css\/typeplate.css",
48  
-      "strictImports" : 0,
49  
-      "fileType" : 1,
50  
-      "debugStyle" : 0
  41
+      "inputAbbreviatedPath" : "\/js\/plugins.js",
  42
+      "outputStyle" : 1,
  43
+      "syntaxCheckerStyle" : 1,
  44
+      "outputAbbreviatedPath" : "\/js\/minified\/plugins-min.js",
  45
+      "fileType" : 64
51 46
     },
52 47
     "\/lib\/logo\/drafts\/rough sketch for different typefaces.png" : {
53 48
       "ignoreWasSetByUser" : 0,
@@ -82,6 +77,17 @@
82 77
       "initialSize" : 84037,
83 78
       "fileType" : 8192
84 79
     },
  80
+    "\/lib\/logo\/drafts\/logo_v1.png" : {
  81
+      "ignoreWasSetByUser" : 0,
  82
+      "ignore" : 0,
  83
+      "hidden" : 0,
  84
+      "outputPathIsSetByUser" : 0,
  85
+      "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v1.png",
  86
+      "processed" : 0,
  87
+      "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v1.png",
  88
+      "initialSize" : 57630,
  89
+      "fileType" : 8192
  90
+    },
85 91
     "\/lib\/logo\/drafts\/logo_v5.png" : {
86 92
       "ignoreWasSetByUser" : 0,
87 93
       "ignore" : 0,
@@ -102,27 +108,18 @@
102 108
       "outputAbbreviatedPath" : "No Output Path",
103 109
       "fileType" : 16
104 110
     },
105  
-    "\/lib\/logo\/drafts\/logo_v1.png" : {
  111
+    "\/less\/typeplate.less" : {
106 112
       "ignoreWasSetByUser" : 0,
107 113
       "ignore" : 0,
108 114
       "hidden" : 0,
109 115
       "outputPathIsSetByUser" : 0,
110  
-      "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v1.png",
111  
-      "processed" : 0,
112  
-      "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v1.png",
113  
-      "initialSize" : 57630,
114  
-      "fileType" : 8192
115  
-    },
116  
-    "\/js\/plugins.js" : {
117  
-      "ignoreWasSetByUser" : 0,
118  
-      "ignore" : 1,
119  
-      "hidden" : 0,
120  
-      "outputPathIsSetByUser" : 0,
121  
-      "inputAbbreviatedPath" : "\/js\/plugins.js",
122  
-      "outputStyle" : 1,
123  
-      "syntaxCheckerStyle" : 1,
124  
-      "outputAbbreviatedPath" : "\/js\/minified\/plugins-min.js",
125  
-      "fileType" : 64
  116
+      "inputAbbreviatedPath" : "\/less\/typeplate.less",
  117
+      "outputStyle" : 0,
  118
+      "shouldRunBless" : 1,
  119
+      "outputAbbreviatedPath" : "\/css\/typeplate.css",
  120
+      "strictImports" : 0,
  121
+      "fileType" : 1,
  122
+      "debugStyle" : 0
126 123
     },
127 124
     "\/lib\/logo\/drafts\/sketches1.jpg" : {
128 125
       "ignoreWasSetByUser" : 0,
@@ -167,36 +164,36 @@
167 164
       "outputAbbreviatedPath" : "\/js\/vendor\/minified\/modernizr.min-min.js",
168 165
       "fileType" : 64
169 166
     },
170  
-    "\/components\/normalize.scss\/test.html" : {
  167
+    "\/lib\/logo\/drafts\/logo_v8.png" : {
171 168
       "ignoreWasSetByUser" : 0,
172 169
       "ignore" : 0,
173 170
       "hidden" : 0,
174 171
       "outputPathIsSetByUser" : 0,
175  
-      "inputAbbreviatedPath" : "\/components\/normalize.scss\/test.html",
176  
-      "outputAbbreviatedPath" : "No Output Path",
177  
-      "fileType" : 2048
  172
+      "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v8.png",
  173
+      "processed" : 0,
  174
+      "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v8.png",
  175
+      "initialSize" : 79965,
  176
+      "fileType" : 8192
178 177
     },
179  
-    "\/lib\/logo\/drafts\/logo_v8.png" : {
  178
+    "\/lib\/logo\/drafts\/logo_v4.png" : {
180 179
       "ignoreWasSetByUser" : 0,
181 180
       "ignore" : 0,
182 181
       "hidden" : 0,
183 182
       "outputPathIsSetByUser" : 0,
184  
-      "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v8.png",
  183
+      "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v4.png",
185 184
       "processed" : 0,
186  
-      "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v8.png",
187  
-      "initialSize" : 79965,
  185
+      "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v4.png",
  186
+      "initialSize" : 266003,
188 187
       "fileType" : 8192
189 188
     },
190  
-    "\/js\/minified\/main-min.js" : {
  189
+    "\/config.rb" : {
191 190
       "ignoreWasSetByUser" : 0,
192  
-      "ignore" : 1,
  191
+      "ignore" : 0,
193 192
       "hidden" : 0,
194 193
       "outputPathIsSetByUser" : 0,
195  
-      "inputAbbreviatedPath" : "\/js\/minified\/main-min.js",
196  
-      "outputStyle" : 1,
197  
-      "syntaxCheckerStyle" : 1,
198  
-      "outputAbbreviatedPath" : "\/js\/minified\/minified\/main-min-min.js",
199  
-      "fileType" : 64
  194
+      "inputAbbreviatedPath" : "\/config.rb",
  195
+      "outputAbbreviatedPath" : "No Output Path",
  196
+      "fileType" : 32768
200 197
     },
201 198
     "\/js\/main.js" : {
202 199
       "ignoreWasSetByUser" : 0,
@@ -209,16 +206,16 @@
209 206
       "outputAbbreviatedPath" : "\/js\/minified\/main-min.js",
210 207
       "fileType" : 64
211 208
     },
212  
-    "\/favicon.png" : {
  209
+    "\/js\/minified\/main-min.js" : {
213 210
       "ignoreWasSetByUser" : 0,
214  
-      "ignore" : 0,
  211
+      "ignore" : 1,
215 212
       "hidden" : 0,
216 213
       "outputPathIsSetByUser" : 0,
217  
-      "inputAbbreviatedPath" : "\/favicon.png",
218  
-      "processed" : 0,
219  
-      "outputAbbreviatedPath" : "\/favicon.png",
220  
-      "initialSize" : 840,
221  
-      "fileType" : 8192
  214
+      "inputAbbreviatedPath" : "\/js\/minified\/main-min.js",
  215
+      "outputStyle" : 1,
  216
+      "syntaxCheckerStyle" : 1,
  217
+      "outputAbbreviatedPath" : "\/js\/minified\/minified\/main-min-min.js",
  218
+      "fileType" : 64
222 219
     },
223 220
     "\/grunt.js" : {
224 221
       "ignoreWasSetByUser" : 1,
@@ -231,14 +228,14 @@
231 228
       "outputAbbreviatedPath" : "\/minified\/grunt-min.js",
232 229
       "fileType" : 64
233 230
     },
234  
-    "\/config.rb" : {
  231
+    "\/components\/normalize.scss\/test.html" : {
235 232
       "ignoreWasSetByUser" : 0,
236 233
       "ignore" : 0,
237 234
       "hidden" : 0,
238 235
       "outputPathIsSetByUser" : 0,
239  
-      "inputAbbreviatedPath" : "\/config.rb",
  236
+      "inputAbbreviatedPath" : "\/components\/normalize.scss\/test.html",
240 237
       "outputAbbreviatedPath" : "No Output Path",
241  
-      "fileType" : 32768
  238
+      "fileType" : 2048
242 239
     },
243 240
     "\/scss\/main.scss" : {
244 241
       "ignoreWasSetByUser" : 0,
@@ -272,15 +269,15 @@
272 269
       "initialSize" : 143638,
273 270
       "fileType" : 8192
274 271
     },
275  
-    "\/lib\/logo\/drafts\/logo_v4.png" : {
  272
+    "\/favicon.png" : {
276 273
       "ignoreWasSetByUser" : 0,
277 274
       "ignore" : 0,
278 275
       "hidden" : 0,
279 276
       "outputPathIsSetByUser" : 0,
280  
-      "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v4.png",
  277
+      "inputAbbreviatedPath" : "\/favicon.png",
281 278
       "processed" : 0,
282  
-      "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v4.png",
283  
-      "initialSize" : 266003,
  279
+      "outputAbbreviatedPath" : "\/favicon.png",
  280
+      "initialSize" : 840,
284 281
       "fileType" : 8192
285 282
     },
286 283
     "\/scss\/_typeplate.scss" : {
@@ -318,39 +315,41 @@
318 315
       "initialSize" : 154492,
319 316
       "fileType" : 8192
320 317
     },
321  
-    "\/js\/vendor\/jquery.min.js" : {
322  
-      "ignoreWasSetByUser" : 1,
  318
+    "\/scss\/_site.scss" : {
  319
+      "ignoreWasSetByUser" : 0,
323 320
       "ignore" : 1,
324 321
       "hidden" : 0,
325 322
       "outputPathIsSetByUser" : 0,
326  
-      "inputAbbreviatedPath" : "\/js\/vendor\/jquery.min.js",
327  
-      "outputStyle" : 1,
328  
-      "syntaxCheckerStyle" : 0,
329  
-      "outputAbbreviatedPath" : "\/js\/vendor\/minified\/jquery.min-min.js",
330  
-      "fileType" : 64
  323
+      "inputAbbreviatedPath" : "\/scss\/_site.scss",
  324
+      "outputStyle" : 0,
  325
+      "shouldRunBless" : 1,
  326
+      "outputAbbreviatedPath" : "\/css\/_site.css",
  327
+      "fileType" : 4,
  328
+      "debugStyle" : 0
331 329
     },
332  
-    "\/scss\/_site.scss" : {
  330
+    "\/scss\/_icons.scss" : {
333 331
       "ignoreWasSetByUser" : 0,
334 332
       "ignore" : 1,
335 333
       "hidden" : 0,
336 334
       "outputPathIsSetByUser" : 0,
337  
-      "inputAbbreviatedPath" : "\/scss\/_site.scss",
  335
+      "inputAbbreviatedPath" : "\/scss\/_icons.scss",
338 336
       "outputStyle" : 0,
339 337
       "shouldRunBless" : 1,
340  
-      "outputAbbreviatedPath" : "\/css\/_site.css",
  338
+      "outputAbbreviatedPath" : "\/css\/_icons.css",
341 339
       "fileType" : 4,
342 340
       "debugStyle" : 0
343 341
     },
344  
-    "\/lib\/logo\/drafts\/logo_v7.png" : {
  342
+    "\/components\/normalize.scss\/_normalize.scss" : {
345 343
       "ignoreWasSetByUser" : 0,
346  
-      "ignore" : 0,
  344
+      "ignore" : 1,
347 345
       "hidden" : 0,
348 346
       "outputPathIsSetByUser" : 0,
349  
-      "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v7.png",
350  
-      "processed" : 0,
351  
-      "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v7.png",
352  
-      "initialSize" : 76646,
353  
-      "fileType" : 8192
  347
+      "inputAbbreviatedPath" : "\/components\/normalize.scss\/_normalize.scss",
  348
+      "outputStyle" : 0,
  349
+      "shouldRunBless" : 1,
  350
+      "outputAbbreviatedPath" : "\/css\/_normalize.css",
  351
+      "fileType" : 4,
  352
+      "debugStyle" : 0
354 353
     },
355 354
     "\/lib\/logo\/drafts\/logo_v3.png" : {
356 355
       "ignoreWasSetByUser" : 0,
@@ -363,29 +362,27 @@
363 362
       "initialSize" : 92549,
364 363
       "fileType" : 8192
365 364
     },
366  
-    "\/components\/normalize.scss\/_normalize.scss" : {
  365
+    "\/lib\/logo\/drafts\/logo_v7.png" : {
367 366
       "ignoreWasSetByUser" : 0,
368  
-      "ignore" : 1,
  367
+      "ignore" : 0,
369 368
       "hidden" : 0,
370 369
       "outputPathIsSetByUser" : 0,
371  
-      "inputAbbreviatedPath" : "\/components\/normalize.scss\/_normalize.scss",
372  
-      "outputStyle" : 0,
373  
-      "shouldRunBless" : 1,
374  
-      "outputAbbreviatedPath" : "\/css\/_normalize.css",
375  
-      "fileType" : 4,
376  
-      "debugStyle" : 0
  370
+      "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v7.png",
  371
+      "processed" : 0,
  372
+      "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v7.png",
  373
+      "initialSize" : 76646,
  374
+      "fileType" : 8192
377 375
     },
378  
-    "\/scss\/_icons.scss" : {
379  
-      "ignoreWasSetByUser" : 0,
  376
+    "\/js\/vendor\/jquery.min.js" : {
  377
+      "ignoreWasSetByUser" : 1,
380 378
       "ignore" : 1,
381 379
       "hidden" : 0,
382 380
       "outputPathIsSetByUser" : 0,
383  
-      "inputAbbreviatedPath" : "\/scss\/_icons.scss",
384  
-      "outputStyle" : 0,
385  
-      "shouldRunBless" : 1,
386  
-      "outputAbbreviatedPath" : "\/css\/_icons.css",
387  
-      "fileType" : 4,
388  
-      "debugStyle" : 0
  381
+      "inputAbbreviatedPath" : "\/js\/vendor\/jquery.min.js",
  382
+      "outputStyle" : 1,
  383
+      "syntaxCheckerStyle" : 0,
  384
+      "outputAbbreviatedPath" : "\/js\/vendor\/minified\/jquery.min-min.js",
  385
+      "fileType" : 64
389 386
     },
390 387
     "\/css\/demo.css" : {
391 388
       "ignoreWasSetByUser" : 0,
@@ -514,14 +511,17 @@
514 511
       "fileType" : 4,
515 512
       "debugStyle" : 0
516 513
     },
517  
-    "\/404.html" : {
  514
+    "\/scss\/demo.scss" : {
518 515
       "ignoreWasSetByUser" : 0,
519 516
       "ignore" : 0,
520 517
       "hidden" : 0,
521 518
       "outputPathIsSetByUser" : 0,
522  
-      "inputAbbreviatedPath" : "\/404.html",
523  
-      "outputAbbreviatedPath" : "No Output Path",
524  
-      "fileType" : 2048
  519
+      "inputAbbreviatedPath" : "\/scss\/demo.scss",
  520
+      "outputStyle" : 0,
  521
+      "shouldRunBless" : 1,
  522
+      "outputAbbreviatedPath" : "\/css\/demo.css",
  523
+      "fileType" : 4,
  524
+      "debugStyle" : 0
525 525
     }
526 526
   },
527 527
   "manualImportLinks" : [
6  css/main.css
... ...
@@ -1,4 +1,4 @@
1  
-@charset "UTF-8";/*
  1
+/*
2 2
  * ==========================================================
3 3
  * Elements of this stylesheet were first published by:
4 4
  * Paul Irish, Divya Manian, Nicolas Gallagher,
@@ -19,14 +19,14 @@
19 19
 |                                                                     |
20 20
 |                                                                     |
21 21
 | URL: http://typeplate.com                                           |
22  
-| VERSION: 1.0.0                                                      |
  22
+| VERSION: 1.0.1                                                      |
23 23
 | Github: https://github.com/typePlate/typeplate.github.com           |
24 24
 | AUTHORS: Zachary Kain (@zakkain) & Dennis Gaebel (@gryghostvisuals) |
25 25
 | LICENSE: Creative Commmons                                          |
26 26
 | http://creativecommons.org/licenses/by/3.0                          |
27 27
 |                                                                     |
28 28
 +---------------------------------------------------------------------+
29  
-*/@font-face{font-family:"Ampersand";src:local("Georgia"),local("Garamond"),local("Palatino"),local("Book Antiqua");unicode-range:U+0026}@font-face{font-family:"Ampersand";src:local("Georgia");unicode-range:U+270C}.amp{font-family:Ampersand,Verdana,sans-serif}body{word-wrap:break-word}pre code,.example>pre{word-wrap:normal}html{font:normal 112.5%/1.65 serif}body{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:#444}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;line-height:1;margin-top:0}.tera{font-size:117px;font-size:6.5rem;margin-bottom:0.25385rem}.giga{font-size:90px;font-size:5rem;margin-bottom:0.33rem}.mega{font-size:72px;font-size:4rem;margin-bottom:0.4125rem}.alpha,h1{font-size:60px;font-size:3.33333rem;margin-bottom:0.495rem}.beta,h2,.icons{font-size:48px;font-size:2.66667rem;margin-bottom:0.61875rem}.gamma,h3,#drawer::after{font-size:36px;font-size:2rem;margin-bottom:0.825rem}.delta,h4,hr.fancy:after,.nav-item{font-size:24px;font-size:1.33333rem;margin-bottom:1.2375rem}.epsilon,h5,.typeplate-code-block figcaption,.example:before,blockquote{font-size:21px;font-size:1.16667rem;margin-bottom:1.41429rem}.zeta,h6,.toc li{font-size:18px;font-size:1rem;margin-bottom:1.65rem}p{margin:0 0 1.5em}p+p{text-indent:1.5em;margin-top:-1.5em}pre code{white-space:-moz-pre-wrap;white-space:pre-wrap}pre{white-space:pre}code{white-space:pre;font-family:monospace}abbr{font-variant:small-caps;font-weight:600;text-transform:lowercase;color:gray}abbr:hover{cursor:help}h1,h2,h3,h4,h5,h6{color:#222}.lining dt,.lining dd{display:inline;margin:0}.lining dt+dt:before,.lining dd+dt:before{content:"\A";white-space:pre}.lining dd+dd:before{content:", "}.lining dd:before{content:": ";margin-left:-0.2rem}.dictionary-style dt{display:inline;counter-reset:definitions}.dictionary-style dt+dt:before{content:", ";margin-left:-0.2rem}.dictionary-style dd{display:block;counter-increment:definitions}.dictionary-style dd:before{content:counter(definitions, decimal) ". "}.stats-tabs{padding:0}.stats-tabs li{display:inline-block;margin:0 0.625rem 0 0;padding:0 0.625rem 0 0;border-right:0.125rem solid #ccc}.stats-tabs li:last-child{margin:0;padding:0;border:none}.stats-tabs li a{display:inline-block;font-size:1.5rem;font-weight:bold}.stats-tabs li a b{display:block;margin:0.125rem 0 0 0;font-size:0.875rem;font-weight:normal}blockquote cite{display:block;font-size:0.875em;text-align:right}.pull-quote{position:relative;padding:1em}.pull-quote:before,.pull-quote:after{height:1em;opacity:0.15;position:absolute;font-size:4em}.pull-quote:before{content:'“';top:0em;left:0em}.pull-quote:after{content:'”';bottom:0em;right:0em}@font-face{font-family:"icomoon";src:url('../fonts/icomoon/icomoon.eot');src:url('../fonts/icomoon/icomoon.eot?#iefix') format('eot'),url('../fonts/icomoon/icomoon.woff') format('woff'), url('../fonts/icomoon/icomoon.ttf') format('truetype'), url('../fonts/icomoon/icomoon.svg') format('svg')}[data-icon]:before{font-family:'icomoon';content:attr(data-icon);speak:none;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'icomoon';font-style:normal;speak:none;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.icon-menu:before{content:"\e001"}.icon-settings:before{content:"\e000"}code[class*="language-"],pre[class*="language-"]{font-family:Monaco,"Andale Mono",monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.lt-ie9 code[class*="language-"],.lt-ie9 pre[class*="language-"]{color:#a6a6a6}pre[class*="language-"],:not(pre)>code[class*="language-"]{background:#dddddd;background:rgba(0,0,0,0.1)}pre[class*="language-"]{padding:1em;margin:0.5em 0;overflow:auto;border-radius:0.333333em;box-shadow:1px 1px 0.5em #000 inset}.typeplate-code-block{border-radius:2px;margin:0 0 1.5em;position:relative}.typeplate-code-block figcaption{font-family:"Cassannet",sans-serif;line-height:0.5;text-transform:lowercase;color:#212121}.typeplate-code-block figcaption:after{content:":"}:not(pre)>code[class*="language-"]{padding:0.15em 0.2em 0.05em;border-radius:.3em;border:0.13em solid #7a6652;box-shadow:1px 1px 0.3em -0.1em #000 inset}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#444}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number{color:#5e8cba}.token.selector,.token.attr-name,.token.string{color:#f95165}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#42c574}.token.atrule,.token.attr-value,.token.keyword{color:#5e8cba}.token.regex,.token.important{color:#e90}.token.important{font-weight:bold}.token.entity{cursor:help}@-ms-viewport{width:device-width}@viewport{width:device-width}@font-face{font-family:'fontello';src:url("../fonts/fontello/fontello.eot?49266960");src:url("../fonts/fontello/fontello.eot?49266960#iefix") format("embedded-opentype"),url("../fonts/fontello/fontello.woff?49266960") format("woff"),url("../fonts/fontello/fontello.ttf?49266960") format("truetype"),url("../fonts/fontello/fontello.svg?49266960#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'fontello';font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;font-size:120%;width:1em;margin-right:0.2em;text-align:center}.icon-download:before{content:'\e758'}.icon-github:before{content:'\f300'}.icon-twitter:before{content:'\f309'}a,.dl-item,a[href="#table-of-contents"],.social-item{-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;-o-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:url('../img/subtle_grunge.png?1360548631') top left repeat;color:#212121}a{text-decoration:none;color:#de4d1f}a a:visited{color:transparent}a:hover{text-decoration:underline}p code,.example code{font-size:1.125em;word-wrap:normal}abbr{font-variant:normal;text-transform:uppercase;letter-spacing:1px}abbr:hover{cursor:help}dl{margin-top:0}small{font-size:65%}img{max-width:100%}section{padding:0.825em 0 1.65em}.col-wrap{width:92%;max-width:40em;margin:0 auto}hr{border:0;height:0;padding:0;border-top:1px solid grey;border-bottom:1px solid rgba(255,255,255,0.5)}hr.fancy{border-bottom:1px solid #b1b9c4;margin:0 0 1.65em;text-align:center}hr.fancy:after{background-color:#fcfcfc;color:#b1b9c4;content:"§";position:relative;top:-0.75em}.logo{vertical-align:-200%;margin-right:1.65rem;cursor:pointer}@media (max-width: 41.25em){.logo{vertical-align:-190%;margin-right:5em}}@media (max-width: 31.25em){.logo{display:block;text-align:center;margin-right:0}}.logo-img{background:url('../img/logo.png?1361815823') 50% no-repeat;width:12em;background-size:cover}.logo-img:before{content:"";display:block;width:0;height:100%}@media (max-width: 41.25em){.logo-img{width:12em}}@media (max-width: 31.25em){.logo-img{width:10em}}.header{padding-top:1.65em;background:rgba(255,255,255,0.75) url('../img/typeplate-press.png?1361803026') center bottom no-repeat}@media (max-width: 31.25em){.header{text-align:center;padding-top:0}.header p{text-align:left}}.lede{padding-top:0.825em;margin-bottom:1.65em}.lede>p:not(.no-indent){margin-top:0}.nav{letter-spacing:-4px;display:inline-block}@media (max-width: 31.25em){.nav{padding-top:0.825em;display:block;text-align:center}}@media screen and (min-width: 37.5625em) and (max-width: 47.3125em){.nav.nav-primary{margin-top:5em}}.nav-item{border-bottom:1.5px solid rgba(156,153,153,0.69);letter-spacing:normal;display:block;line-height:2;padding:0 0.5em 0 0.25em;margin-bottom:0;color:#d94426}.nav-item:hover,.nav-item:focus{text-decoration:none;background:#f7f7f7;color:#000000}.nav-item:last-child{border-bottom:none}.nav-item:before{content:"→ "}@media (max-width: 31.25em){.nav-item{border-radius:0.333333em;display:inline-block;padding:0.825em;margin-right:0.5em;font-family:Monaco,Consolas,monospace;font-size:0.825em;background:#000;color:rgba(255,255,255,0.75)}.nav-item:before{content:""}.nav-item:visited{color:rgba(255,255,255,0.75)}.nav-item:hover,.nav-item:focus{background:#d94426;color:white}}.dl-item,a[href="#table-of-contents"],.social-item{display:inline-block;letter-spacing:normal;border-radius:0.333333em;font-family:Monaco,Consolas,monospace;font-size:0.825em;text-align:center}.downloads{background:#000 url('../img/asfalt.png?1361803026') top left repeat;padding:1.65em 0;display:block}.downloads .icon-download{color:rgba(255,255,255,0.75)}.dl-item,a[href="#table-of-contents"]{padding:0.825rem;width:23%;margin-right:2%;background:#b1b9c4;color:#000}.dl-item:last-of-type,a[href="#table-of-contents"]:last-of-type{margin-right:0}.dl-item:hover,a[href="#table-of-contents"]:hover,.dl-item:focus,a[href="#table-of-contents"]:focus{background:#d94426;color:white;text-decoration:none}.dl-item small,a[href="#table-of-contents"] small{font-size:80%}@media (max-width: 48em){.dl-item,a[href="#table-of-contents"]{font-size:0.75em;padding:0.5775rem}}@media (max-width: 41.25em){.dl-item,a[href="#table-of-contents"]{font-size:1em;padding:0.825rem;width:100%;margin-right:0;margin-bottom:1.65em}}.social-nav{position:absolute;top:1.65em;right:1.65em}@media (max-width: 37.5em){.social-nav{position:static;margin-top:0.825em;margin-bottom:0.825em}}@media screen and (min-width: 31.25em) and (max-width: 37.5em){.social-nav{text-align:right}}.social-item{margin-left:0.825em;padding:0 0.825em 0 0;background:#b1b9c4;color:#000}.social-item i{background:#000;color:rgba(255,255,255,0.75);display:inline-block;padding:0.65em 0.5em 0.5em 0.825em;margin-right:0.825em;border-top-left-radius:0.333333em;border-bottom-left-radius:0.333333em}.social-item:hover,.social-item:focus{text-decoration:none;background:#d94426;color:white}.toc{border-radius:0 0 6px 6px;background:#d5d5d5;background:rgba(0,0,0,0.1);box-shadow:inset 0 6px 4px rgba(0,0,0,0.37)}.toc ol{list-style:decimal !important;counter-reset:item;padding:0 40px}.toc li{border-bottom:2px dotted #949494;display:block}.toc ol li:before{counter-increment:item;color:#444;font-style:normal;font-family:"Cassannet","ff-meta-serif-web-pro",serif}.toc ol:nth-of-type(1) li:before{content:"1." counter(item) " – "}.toc ol:nth-of-type(2) li:before{content:"2." counter(item) " – "}.toc ol:nth-of-type(3) li:before{content:"3." counter(item) " – "}.toc ol:nth-of-type(4) li:before{content:"4." counter(item) " – "}#table-of-contents h1{margin:0;padding-top:.5em;text-shadow:0 1px 0px rgba(255,255,255,0.75);color:#606060}#table-of-contents h1 .icon-download{color:#929292}#table-of-contents h1::after{content:"click for action";display:block;font-size:.5em;color:#9b9b9b}#table-of-contents h1:hover{cursor:pointer}#table-of-contents h2{color:#6f7070;text-align:center;text-shadow:0 1px 0px rgba(255,255,255,0.3)}#drawer{padding:1.5em 0;color:white}#drawer::after{border-radius:80%;box-shadow:0 1px 4px rgba(0,0,0,0.9),0 -2px 1px rgba(255,255,255,0.9);content:"{T}";display:block;height:2.5em;line-height:2.5;margin:0 auto;width:2.5em;text-align:center;text-shadow:0 1px 0px rgba(255,255,255,0.75);border:4px solid #949494;background:#000000;color:#fbfbfb}.example{background:rgba(177,185,196,0.5);border:1px solid #b1b9c4;box-shadow:0 0 1px rgba(255,255,255,0.75);padding:1.65rem 1.65rem 0;margin:2.475rem 0 1.65rem;border-radius:0.333333em}.example:before{content:"example:";display:block;font-family:"Cassannet",sans-serif;background:none;line-height:0;position:relative;color:#212121;top:-2.125em;left:-1.65rem}.example>pre{margin-top:0;overflow:auto;white-space:pre;word-spacing:normal}.example.scale-example{padding:1.65rem}.example.scale-example .giga{margin-top:-0.25em}.example.no-top-pad{padding-top:0}.example.no-top-pad:before{top:-0.65em}.section-title{font-size:24px;font-size:1.33333rem;margin-bottom:1.2375rem}.perma-anchor{color:#444;font-weight:normal;position:relative;top:-0.125em}.perma-anchor:hover,.perma-anchor:focus{color:#d94426}.typeplate-code-block pre{font-size:0.825em;background:#021321;box-shadow:0 0 1px rgba(255,255,255,0.75);padding:1.65rem}.no-js .typeplate-code-block pre{overflow:auto}.typeplate-code-block code{color:#ddd}.typeplate-code-block figcaption{margin-bottom:0}blockquote{font-style:italic}blockquote p:last-of-type{margin-bottom:0}blockquote cite{font-style:normal}blockquote cite:before{content:"—"}@media (max-width: 31.25em){blockquote{margin:1.5em 0.75em}blockquote cite{text-align:left}}.typographic-scale .no-indent{margin:0;text-indent:0}.amp{padding:0;margin-top:-0.5em;line-height:1;font-size:3em;text-align:center}@media (max-width: 31.25em){.amp{font-size:2em}}.example-figcaption{font-style:italic;font-size:0.85em}.example-figcaption strong{font-style:normal}.pull-example{padding-bottom:1em}.icons .fs1{display:inline-block}.icons .fs1:before{padding-right:.25em;color:gray}.stats-tabs{text-align:center}.stats-tabs a{color:#000}@media (max-width: 31.25em){.stats-tabs li{margin:0 0 1em}}/*
  29
+*/@font-face{font-family:"Ampersand";src:local("Georgia"),local("Garamond"),local("Palatino"),local("Book Antiqua");unicode-range:U+0026}@font-face{font-family:"Ampersand";src:local("Georgia");unicode-range:U+270C}.amp{font-family:Ampersand,Verdana,sans-serif}body{word-wrap:break-word}pre code,.example>pre{word-wrap:normal}html{font:normal 112.5%/1.65 serif}body{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;color:#444}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;line-height:1;margin-top:0}.tera{font-size:117px;font-size:6.5rem;margin-bottom:0.25385rem}.giga{font-size:90px;font-size:5rem;margin-bottom:0.33rem}.mega{font-size:72px;font-size:4rem;margin-bottom:0.4125rem}.alpha,h1{font-size:60px;font-size:3.33333rem;margin-bottom:0.495rem}.beta,h2,.icons{font-size:48px;font-size:2.66667rem;margin-bottom:0.61875rem}.gamma,h3,#drawer::after{font-size:36px;font-size:2rem;margin-bottom:0.825rem}.delta,h4,hr.fancy:after,.nav-item{font-size:24px;font-size:1.33333rem;margin-bottom:1.2375rem}.epsilon,h5,.typeplate-code-block figcaption,.example:before,blockquote{font-size:21px;font-size:1.16667rem;margin-bottom:1.41429rem}.zeta,h6,.toc li{font-size:18px;font-size:1rem;margin-bottom:1.65rem}p{margin:0 0 1.5em}p+p{text-indent:1.5em;margin-top:-1.5em}abbr,acronym,blockquote,code,dir,kbd,listing,plaintext,q,samp,tt,var,xmp{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}pre code{white-space:-moz-pre-wrap;white-space:pre-wrap}pre{white-space:pre}code{white-space:pre;font-family:monospace}abbr{font-variant:small-caps;font-weight:600;text-transform:lowercase;color:gray}abbr:hover{cursor:help}h1,h2,h3,h4,h5,h6{color:#222}.lining dt,.lining dd{display:inline;margin:0}.lining dt+dt:before,.lining dd+dt:before{content:"\A";white-space:pre}.lining dd+dd:before{content:", "}.lining dd:before{content:": ";margin-left:-0.2rem}.dictionary-style dt{display:inline;counter-reset:definitions}.dictionary-style dt+dt:before{content:", ";margin-left:-0.2rem}.dictionary-style dd{display:block;counter-increment:definitions}.dictionary-style dd:before{content:counter(definitions, decimal) ". "}.stats-tabs{padding:0}.stats-tabs li{display:inline-block;margin:0 0.625rem 0 0;padding:0 0.625rem 0 0;border-right:0.125rem solid #ccc}.stats-tabs li:last-child{margin:0;padding:0;border:none}.stats-tabs li a{display:inline-block;font-size:1.5rem;font-weight:bold}.stats-tabs li a b{display:block;margin:0.125rem 0 0 0;font-size:0.875rem;font-weight:normal}blockquote cite{display:block;font-size:0.875em;text-align:right}.pull-quote{position:relative;padding:1em}.pull-quote:before,.pull-quote:after{height:1em;opacity:0.15;position:absolute;font-size:4em}.pull-quote:before{content:'“';top:0em;left:0em}.pull-quote:after{content:'”';bottom:0em;right:0em}@font-face{font-family:"icomoon";src:url('../fonts/icomoon/icomoon.eot');src:url('../fonts/icomoon/icomoon.eot?#iefix') format('eot'),url('../fonts/icomoon/icomoon.woff') format('woff'), url('../fonts/icomoon/icomoon.ttf') format('truetype'), url('../fonts/icomoon/icomoon.svg') format('svg')}[data-icon]:before{font-family:'icomoon';content:attr(data-icon);speak:none;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'icomoon';font-style:normal;speak:none;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}.icon-menu:before{content:"\e001"}.icon-settings:before{content:"\e000"}code[class*="language-"],pre[class*="language-"]{font-family:Monaco,"Andale Mono",monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.lt-ie9 code[class*="language-"],.lt-ie9 pre[class*="language-"]{color:#a6a6a6}pre[class*="language-"],:not(pre)>code[class*="language-"]{background:#dddddd;background:rgba(0,0,0,0.1)}pre[class*="language-"]{padding:1em;margin:0.5em 0;overflow:auto;border-radius:0.333333em;box-shadow:1px 1px 0.5em #000 inset}.typeplate-code-block{border-radius:2px;margin:0 0 1.5em;position:relative}.typeplate-code-block figcaption{font-family:"Cassannet",sans-serif;line-height:0.5;text-transform:lowercase;color:#212121}.typeplate-code-block figcaption:after{content:":"}:not(pre)>code[class*="language-"]{padding:0.15em 0.2em 0.05em;border-radius:.3em;border:0.13em solid #7a6652;box-shadow:1px 1px 0.3em -0.1em #000 inset}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#444}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number{color:#5e8cba}.token.selector,.token.attr-name,.token.string{color:#f95165}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#42c574}.token.atrule,.token.attr-value,.token.keyword{color:#5e8cba}.token.regex,.token.important{color:#e90}.token.important{font-weight:bold}.token.entity{cursor:help}@-ms-viewport{width:device-width}@viewport{width:device-width}@font-face{font-family:'fontello';src:url("../fonts/fontello/fontello.eot?49266960");src:url("../fonts/fontello/fontello.eot?49266960#iefix") format("embedded-opentype"),url("../fonts/fontello/fontello.woff?49266960") format("woff"),url("../fonts/fontello/fontello.ttf?49266960") format("truetype"),url("../fonts/fontello/fontello.svg?49266960#fontello") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'fontello';font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;font-size:120%;width:1em;margin-right:0.2em;text-align:center}.icon-download:before{content:'\e758'}.icon-github:before{content:'\f300'}.icon-twitter:before{content:'\f309'}a,.dl-item,a[href="#table-of-contents"],.social-item{-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;-o-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:url('../img/subtle_grunge.png?1361126588') top left repeat;color:#212121}a{text-decoration:none;color:#de4d1f}a a:visited{color:transparent}a:hover{text-decoration:underline}p code,.example code{font-size:1.125em;word-wrap:normal}abbr{font-variant:normal;text-transform:uppercase;letter-spacing:1px}abbr:hover{cursor:help}dl{margin-top:0}small{font-size:65%}img{max-width:100%}section{padding:0.825em 0 1.65em}.col-wrap{width:92%;max-width:40em;margin:0 auto}hr{border:0;height:0;padding:0;border-top:1px solid grey;border-bottom:1px solid rgba(255,255,255,0.5)}hr.fancy{border-bottom:1px solid #b1b9c4;margin:0 0 1.65em;text-align:center}hr.fancy:after{background-color:#fcfcfc;color:#b1b9c4;content:"§";position:relative;top:-0.75em}.logo{vertical-align:-200%;margin-right:1.65rem;cursor:pointer}@media (max-width: 41.25em){.logo{vertical-align:-190%;margin-right:5em}}@media (max-width: 31.25em){.logo{display:block;text-align:center;margin-right:0}}.logo-img{background:url('../img/logo.png?1361815899') 50% no-repeat;width:12em;background-size:cover}.logo-img:before{content:"";display:block;width:0;height:100%}@media (max-width: 41.25em){.logo-img{width:12em}}@media (max-width: 31.25em){.logo-img{width:10em}}.header{padding-top:1.65em;background:rgba(255,255,255,0.75) url('../img/typeplate-press.png?1361765229') center bottom no-repeat}@media (max-width: 31.25em){.header{text-align:center;padding-top:0}.header p{text-align:left}}.lede{padding-top:0.825em;margin-bottom:1.65em}.lede>p:not(.no-indent){margin-top:0}.nav{letter-spacing:-4px;display:inline-block}@media (max-width: 31.25em){.nav{padding-top:0.825em;display:block;text-align:center}}@media screen and (min-width: 37.5625em) and (max-width: 47.3125em){.nav.nav-primary{margin-top:5em}}.nav-item{border-bottom:1.5px solid rgba(156,153,153,0.69);letter-spacing:normal;display:block;line-height:2;padding:0 0.5em 0 0.25em;margin-bottom:0;color:#d94426}.nav-item:hover,.nav-item:focus{text-decoration:none;background:#f7f7f7;color:#000000}.nav-item:last-child{border-bottom:none}.nav-item:before{content:"→ "}@media (max-width: 31.25em){.nav-item{border-radius:0.333333em;display:inline-block;padding:0.825em;margin-right:0.5em;font-family:Monaco,Consolas,monospace;font-size:0.825em;background:#000;color:rgba(255,255,255,0.75)}.nav-item:before{content:""}.nav-item:visited{color:rgba(255,255,255,0.75)}.nav-item:hover,.nav-item:focus{background:#d94426;color:white}}.dl-item,a[href="#table-of-contents"],.social-item{display:inline-block;letter-spacing:normal;border-radius:0.333333em;font-family:Monaco,Consolas,monospace;font-size:0.825em;text-align:center}.downloads{background:#000 url('../img/asfalt.png?1344791417') top left repeat;padding:1.65em 0;display:block}.downloads .icon-download{color:rgba(255,255,255,0.75)}.dl-item,a[href="#table-of-contents"]{padding:0.825rem;width:23%;margin-right:2%;background:#b1b9c4;color:#000}.dl-item:last-of-type,a[href="#table-of-contents"]:last-of-type{margin-right:0}.dl-item:hover,a[href="#table-of-contents"]:hover,.dl-item:focus,a[href="#table-of-contents"]:focus{background:#d94426;color:white;text-decoration:none}.dl-item small,a[href="#table-of-contents"] small{font-size:80%}@media (max-width: 48em){.dl-item,a[href="#table-of-contents"]{font-size:0.75em;padding:0.5775rem}}@media (max-width: 41.25em){.dl-item,a[href="#table-of-contents"]{font-size:1em;padding:0.825rem;width:100%;margin-right:0;margin-bottom:1.65em}}.social-nav{position:absolute;top:1.65em;right:1.65em}@media (max-width: 37.5em){.social-nav{position:static;margin-top:0.825em;margin-bottom:0.825em}}@media screen and (min-width: 31.25em) and (max-width: 37.5em){.social-nav{text-align:right}}.social-item{margin-left:0.825em;padding:0 0.825em 0 0;background:#b1b9c4;color:#000}.social-item i{background:#000;color:rgba(255,255,255,0.75);display:inline-block;padding:0.65em 0.5em 0.5em 0.825em;margin-right:0.825em;border-top-left-radius:0.333333em;border-bottom-left-radius:0.333333em}.social-item:hover,.social-item:focus{text-decoration:none;background:#d94426;color:white}.toc{border-radius:0 0 6px 6px;background:#d5d5d5;background:rgba(0,0,0,0.1);box-shadow:inset 0 6px 4px rgba(0,0,0,0.37)}.toc ol{list-style:decimal !important;counter-reset:item;padding:0 40px}.toc li{border-bottom:2px dotted #949494;display:block}.toc ol li:before{counter-increment:item;color:#444;font-style:normal;font-family:"Cassannet","ff-meta-serif-web-pro",serif}.toc ol:nth-of-type(1) li:before{content:"1." counter(item) " – "}.toc ol:nth-of-type(2) li:before{content:"2." counter(item) " – "}.toc ol:nth-of-type(3) li:before{content:"3." counter(item) " – "}.toc ol:nth-of-type(4) li:before{content:"4." counter(item) " – "}#table-of-contents h1{margin:0;padding-top:.5em;text-shadow:0 1px 0px rgba(255,255,255,0.75);color:#606060}#table-of-contents h1 .icon-download{color:#929292}#table-of-contents h1::after{content:"click for action";display:block;font-size:.5em;color:#9b9b9b}#table-of-contents h1:hover{cursor:pointer}#table-of-contents h2{color:#6f7070;text-align:center;text-shadow:0 1px 0px rgba(255,255,255,0.3)}#drawer{padding:1.5em 0;color:white}#drawer::after{border-radius:80%;box-shadow:0 1px 4px rgba(0,0,0,0.9),0 -2px 1px rgba(255,255,255,0.9);content:"{T}";display:block;height:2.5em;line-height:2.5;margin:0 auto;width:2.5em;text-align:center;text-shadow:0 1px 0px rgba(255,255,255,0.75);border:4px solid #949494;background:#000000;color:#fbfbfb}.example{background:rgba(177,185,196,0.5);border:1px solid #b1b9c4;box-shadow:0 0 1px rgba(255,255,255,0.75);padding:1.65rem 1.65rem 0;margin:2.475rem 0 1.65rem;border-radius:0.333333em}.example:before{content:"example:";display:block;font-family:"Cassannet",sans-serif;background:none;line-height:0;position:relative;color:#212121;top:-2.125em;left:-1.65rem}.example>pre{margin-top:0;overflow:auto;white-space:pre;word-spacing:normal}.example.scale-example{padding:1.65rem}.example.scale-example .giga{margin-top:-0.25em}.example.no-top-pad{padding-top:0}.example.no-top-pad:before{top:-0.65em}.section-title{font-size:24px;font-size:1.33333rem;margin-bottom:1.2375rem}.perma-anchor{color:#444;font-weight:normal;position:relative;top:-0.125em}.perma-anchor:hover,.perma-anchor:focus{color:#d94426}.typeplate-code-block pre{font-size:0.825em;background:#021321;box-shadow:0 0 1px rgba(255,255,255,0.75);padding:1.65rem}.no-js .typeplate-code-block pre{overflow:auto}.typeplate-code-block code{color:#ddd}.typeplate-code-block figcaption{margin-bottom:0}blockquote{font-style:italic}blockquote p:last-of-type{margin-bottom:0}blockquote cite{font-style:normal}blockquote cite:before{content:"—"}@media (max-width: 31.25em){blockquote{margin:1.5em 0.75em}blockquote cite{text-align:left}}.typographic-scale .no-indent{margin:0;text-indent:0}.amp{padding:0;margin-top:-0.5em;line-height:1;font-size:3em;text-align:center}@media (max-width: 31.25em){.amp{font-size:2em}}.example-figcaption{font-style:italic;font-size:0.85em}.example-figcaption strong{font-style:normal}.pull-example{padding-bottom:1em}.icons .fs1{display:inline-block}.icons .fs1:before{padding-right:.25em;color:gray}.stats-tabs{text-align:center}.stats-tabs a{color:#000}@media (max-width: 31.25em){.stats-tabs li{margin:0 0 1em}}/*
30 30
  * FF Meta Serif Web Pro
31 31
  * The most influential sans serif of the digital revolution (FF Meta)
32 32
  * now has a serif companion. It took three years and three designers
2  css/typeplate-unminified.css
@@ -10,7 +10,7 @@
10 10
 |                                                                     |
11 11
 |                                                                     |
12 12
 | URL: http://typeplate.com                                           |
13  
-| VERSION: 1.0.0                                                      |
  13
+| VERSION: 1.0.1                                                      |
14 14
 | Github: https://github.com/typePlate/typeplate.github.com           |
15 15
 | AUTHORS: Zachary Kain (@zakkain) & Dennis Gaebel (@gryghostvisuals) |
16 16
 | LICENSE: Creative Commmons                                          |
17  index.html
@@ -14,7 +14,7 @@
14 14
 	</script>
15 15
 	<meta name="description" content="A typographic starter kit for Web developers and designers, where we don’t make too many design choices, but we do set out patterns for proper markup and “pre-designed” styles.">
16 16
 	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1">
17  
-	<link rel="stylesheet" href="./css/main.css?1.0">
  17
+	<link rel="stylesheet" href="./css/main.css?1.0.1">
18 18
 	<script src="./js/vendor/modernizr.min.js"></script>
19 19
 </head>
20 20
 <body>
@@ -49,22 +49,22 @@
49 49
 			<a href="//raw.github.com/typeplate/typeplate.github.com/master/scss/_typeplate.scss" class="dl-item">
50 50
 				<i class="icon-download"></i>Sass
51 51
 				<hr>
52  
-				<small>v1.0 | 3kb</small>
  52
+				<small>v1.0.1 | 3kb</small>
53 53
 			</a>
54 54
 			<a href="//raw.github.com/typeplate/typeplate.github.com/master/less/typeplate.less" class="dl-item">
55 55
 				<i class="icon-download"></i>LESS Port
56 56
 				<hr>
57  
-				<small>v1.0 | 3kb</small>
  57
+				<small>v1.0.1 | 3kb</small>
58 58
 			</a>
59  
-			<a href="https://github.com/typeplate/typeplate-bower" class="dl-item">
60  
-				<i class="icon-download"></i>Bower (Sass)
  59
+			<a href="//raw.github.com/typeplate/typeplate.github.com/master/stylus/typeplate.styl" class="dl-item">
  60
+				<i class="icon-download"></i>Stylus Port
61 61
 				<hr>
62  
-				<small>v1.0 | 3kb</small>
  62
+				<small>v1.0.1 | 3kb</small>
63 63
 			</a>
64 64
 			<a href="//raw.github.com/typeplate/typeplate.github.com/master/css/typeplate-unminified.css" class="dl-item">
65 65
 				<i class="icon-download"></i>Raw CSS
66 66
 				<hr>
67  
-				<small>v1.0 | 6kb</small>
  67
+				<small>v1.0.1 | 7kb</small>
68 68
 			</a>
69 69
 		</div>
70 70
 	</nav>
@@ -315,7 +315,7 @@ <h1 class="gamma section-title"><a class="perma-anchor" href="#color">§</a> 1.4
315 315
 		<header>
316 316
 			<h1 class="gamma section-title"><a class="perma-anchor" href="#indenting">§</a> 2.1 Indenting</h1>
317 317
 		</header>
318  
-		<p>The common way of styling paragraphs is handling them as blocks with margins on top and bottom, which is what browsers do by default. If you want to stand out, use indented paragraphs. It’s pretty easy to establish with the mixin we’ve provided.</p>
  318
+		<p>On the web, paragraphs are commonly set in blocks, with top and bottom margins. Historically, paragraphs are set using indentation, which makes it easier to scan long-form text and are (we think) more conducive to readability.</p>
319 319
 
320 320
 		<figure class="example no-top-pad">
321 321
 			<p>I crawled out almost immediately, and crouched, my feet still in the water, under a clump of furze.  The horse lay motionless (his neck was broken, poor brute!) and by the lightning flashes I saw the black bulk of the overturned dog cart and the silhouette of the wheel still spinning slowly.  In another moment the colossal mechanism went striding by me, and passed uphill towards Pyrford.</p>
@@ -333,6 +333,7 @@ <h1 class="gamma section-title"><a class="perma-anchor" href="#indenting">§</a>
333 333
 p {
334 334
 	& + p {
335 335
 		text-indent: $indent-val;
  336
+		margin-top: -$indent-val;
336 337
 	}
337 338
 }</code></pre>
338 339
 		</figure>
2  scss/_typeplate.scss
@@ -9,7 +9,7 @@
9 9
 |                                                                     |
10 10
 |                                                                     |
11 11
 | URL: http://typeplate.com                                           |
12  
-| VERSION: 1.0.0                                                      |
  12
+| VERSION: 1.0.1                                                      |
13 13
 | Github: https://github.com/typePlate/typeplate.github.com           |
14 14
 | AUTHORS: Zachary Kain (@zakkain) & Dennis Gaebel (@gryghostvisuals) |
15 15
 | LICENSE: Creative Commmons                                          |

0 notes on commit 6a4374f

Please sign in to comment.
Something went wrong with that request. Please try again.