Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

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
@grayghostvisuals grayghostvisuals authored
6 README.md
@@ -10,9 +10,9 @@ Typeplate is a "typographic starter kit". We don’t make aesthetic design c
## File Size
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.
-- Raw Sass = **17kb**
-- Compressed CSS = **3kb**
-- Raw CSS = **6kb**
+- Raw Sass, LESS and Stylus = **17kb**
+- Compressed Sass, LESS and Stylus = **3kb**
+- Raw CSS = **7kb**
## Installation
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.
View
198 codekit-config.json
@@ -2,17 +2,14 @@
"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",
"creatorBuild" : "8248",
"files" : {
- "\/scss\/demo.scss" : {
+ "\/404.html" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/scss\/demo.scss",
- "outputStyle" : 0,
- "shouldRunBless" : 1,
- "outputAbbreviatedPath" : "\/css\/demo.css",
- "fileType" : 4,
- "debugStyle" : 0
+ "inputAbbreviatedPath" : "\/404.html",
+ "outputAbbreviatedPath" : "No Output Path",
+ "fileType" : 2048
},
"\/lib\/logo\/drafts\/sketches2.jpg" : {
"ignoreWasSetByUser" : 0,
@@ -36,18 +33,16 @@
"initialSize" : 2012311,
"fileType" : 8192
},
- "\/less\/typeplate.less" : {
+ "\/js\/plugins.js" : {
"ignoreWasSetByUser" : 0,
- "ignore" : 0,
+ "ignore" : 1,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/less\/typeplate.less",
- "outputStyle" : 0,
- "shouldRunBless" : 1,
- "outputAbbreviatedPath" : "\/css\/typeplate.css",
- "strictImports" : 0,
- "fileType" : 1,
- "debugStyle" : 0
+ "inputAbbreviatedPath" : "\/js\/plugins.js",
+ "outputStyle" : 1,
+ "syntaxCheckerStyle" : 1,
+ "outputAbbreviatedPath" : "\/js\/minified\/plugins-min.js",
+ "fileType" : 64
},
"\/lib\/logo\/drafts\/rough sketch for different typefaces.png" : {
"ignoreWasSetByUser" : 0,
@@ -82,6 +77,17 @@
"initialSize" : 84037,
"fileType" : 8192
},
+ "\/lib\/logo\/drafts\/logo_v1.png" : {
+ "ignoreWasSetByUser" : 0,
+ "ignore" : 0,
+ "hidden" : 0,
+ "outputPathIsSetByUser" : 0,
+ "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v1.png",
+ "processed" : 0,
+ "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v1.png",
+ "initialSize" : 57630,
+ "fileType" : 8192
+ },
"\/lib\/logo\/drafts\/logo_v5.png" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
@@ -102,27 +108,18 @@
"outputAbbreviatedPath" : "No Output Path",
"fileType" : 16
},
- "\/lib\/logo\/drafts\/logo_v1.png" : {
+ "\/less\/typeplate.less" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v1.png",
- "processed" : 0,
- "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v1.png",
- "initialSize" : 57630,
- "fileType" : 8192
- },
- "\/js\/plugins.js" : {
- "ignoreWasSetByUser" : 0,
- "ignore" : 1,
- "hidden" : 0,
- "outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/js\/plugins.js",
- "outputStyle" : 1,
- "syntaxCheckerStyle" : 1,
- "outputAbbreviatedPath" : "\/js\/minified\/plugins-min.js",
- "fileType" : 64
+ "inputAbbreviatedPath" : "\/less\/typeplate.less",
+ "outputStyle" : 0,
+ "shouldRunBless" : 1,
+ "outputAbbreviatedPath" : "\/css\/typeplate.css",
+ "strictImports" : 0,
+ "fileType" : 1,
+ "debugStyle" : 0
},
"\/lib\/logo\/drafts\/sketches1.jpg" : {
"ignoreWasSetByUser" : 0,
@@ -167,36 +164,36 @@
"outputAbbreviatedPath" : "\/js\/vendor\/minified\/modernizr.min-min.js",
"fileType" : 64
},
- "\/components\/normalize.scss\/test.html" : {
+ "\/lib\/logo\/drafts\/logo_v8.png" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/components\/normalize.scss\/test.html",
- "outputAbbreviatedPath" : "No Output Path",
- "fileType" : 2048
+ "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v8.png",
+ "processed" : 0,
+ "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v8.png",
+ "initialSize" : 79965,
+ "fileType" : 8192
},
- "\/lib\/logo\/drafts\/logo_v8.png" : {
+ "\/lib\/logo\/drafts\/logo_v4.png" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v8.png",
+ "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v4.png",
"processed" : 0,
- "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v8.png",
- "initialSize" : 79965,
+ "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v4.png",
+ "initialSize" : 266003,
"fileType" : 8192
},
- "\/js\/minified\/main-min.js" : {
+ "\/config.rb" : {
"ignoreWasSetByUser" : 0,
- "ignore" : 1,
+ "ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/js\/minified\/main-min.js",
- "outputStyle" : 1,
- "syntaxCheckerStyle" : 1,
- "outputAbbreviatedPath" : "\/js\/minified\/minified\/main-min-min.js",
- "fileType" : 64
+ "inputAbbreviatedPath" : "\/config.rb",
+ "outputAbbreviatedPath" : "No Output Path",
+ "fileType" : 32768
},
"\/js\/main.js" : {
"ignoreWasSetByUser" : 0,
@@ -209,16 +206,16 @@
"outputAbbreviatedPath" : "\/js\/minified\/main-min.js",
"fileType" : 64
},
- "\/favicon.png" : {
+ "\/js\/minified\/main-min.js" : {
"ignoreWasSetByUser" : 0,
- "ignore" : 0,
+ "ignore" : 1,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/favicon.png",
- "processed" : 0,
- "outputAbbreviatedPath" : "\/favicon.png",
- "initialSize" : 840,
- "fileType" : 8192
+ "inputAbbreviatedPath" : "\/js\/minified\/main-min.js",
+ "outputStyle" : 1,
+ "syntaxCheckerStyle" : 1,
+ "outputAbbreviatedPath" : "\/js\/minified\/minified\/main-min-min.js",
+ "fileType" : 64
},
"\/grunt.js" : {
"ignoreWasSetByUser" : 1,
@@ -231,14 +228,14 @@
"outputAbbreviatedPath" : "\/minified\/grunt-min.js",
"fileType" : 64
},
- "\/config.rb" : {
+ "\/components\/normalize.scss\/test.html" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/config.rb",
+ "inputAbbreviatedPath" : "\/components\/normalize.scss\/test.html",
"outputAbbreviatedPath" : "No Output Path",
- "fileType" : 32768
+ "fileType" : 2048
},
"\/scss\/main.scss" : {
"ignoreWasSetByUser" : 0,
@@ -272,15 +269,15 @@
"initialSize" : 143638,
"fileType" : 8192
},
- "\/lib\/logo\/drafts\/logo_v4.png" : {
+ "\/favicon.png" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v4.png",
+ "inputAbbreviatedPath" : "\/favicon.png",
"processed" : 0,
- "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v4.png",
- "initialSize" : 266003,
+ "outputAbbreviatedPath" : "\/favicon.png",
+ "initialSize" : 840,
"fileType" : 8192
},
"\/scss\/_typeplate.scss" : {
@@ -318,39 +315,41 @@
"initialSize" : 154492,
"fileType" : 8192
},
- "\/js\/vendor\/jquery.min.js" : {
- "ignoreWasSetByUser" : 1,
+ "\/scss\/_site.scss" : {
+ "ignoreWasSetByUser" : 0,
"ignore" : 1,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/js\/vendor\/jquery.min.js",
- "outputStyle" : 1,
- "syntaxCheckerStyle" : 0,
- "outputAbbreviatedPath" : "\/js\/vendor\/minified\/jquery.min-min.js",
- "fileType" : 64
+ "inputAbbreviatedPath" : "\/scss\/_site.scss",
+ "outputStyle" : 0,
+ "shouldRunBless" : 1,
+ "outputAbbreviatedPath" : "\/css\/_site.css",
+ "fileType" : 4,
+ "debugStyle" : 0
},
- "\/scss\/_site.scss" : {
+ "\/scss\/_icons.scss" : {
"ignoreWasSetByUser" : 0,
"ignore" : 1,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/scss\/_site.scss",
+ "inputAbbreviatedPath" : "\/scss\/_icons.scss",
"outputStyle" : 0,
"shouldRunBless" : 1,
- "outputAbbreviatedPath" : "\/css\/_site.css",
+ "outputAbbreviatedPath" : "\/css\/_icons.css",
"fileType" : 4,
"debugStyle" : 0
},
- "\/lib\/logo\/drafts\/logo_v7.png" : {
+ "\/components\/normalize.scss\/_normalize.scss" : {
"ignoreWasSetByUser" : 0,
- "ignore" : 0,
+ "ignore" : 1,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v7.png",
- "processed" : 0,
- "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v7.png",
- "initialSize" : 76646,
- "fileType" : 8192
+ "inputAbbreviatedPath" : "\/components\/normalize.scss\/_normalize.scss",
+ "outputStyle" : 0,
+ "shouldRunBless" : 1,
+ "outputAbbreviatedPath" : "\/css\/_normalize.css",
+ "fileType" : 4,
+ "debugStyle" : 0
},
"\/lib\/logo\/drafts\/logo_v3.png" : {
"ignoreWasSetByUser" : 0,
@@ -363,29 +362,27 @@
"initialSize" : 92549,
"fileType" : 8192
},
- "\/components\/normalize.scss\/_normalize.scss" : {
+ "\/lib\/logo\/drafts\/logo_v7.png" : {
"ignoreWasSetByUser" : 0,
- "ignore" : 1,
+ "ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/components\/normalize.scss\/_normalize.scss",
- "outputStyle" : 0,
- "shouldRunBless" : 1,
- "outputAbbreviatedPath" : "\/css\/_normalize.css",
- "fileType" : 4,
- "debugStyle" : 0
+ "inputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v7.png",
+ "processed" : 0,
+ "outputAbbreviatedPath" : "\/lib\/logo\/drafts\/logo_v7.png",
+ "initialSize" : 76646,
+ "fileType" : 8192
},
- "\/scss\/_icons.scss" : {
- "ignoreWasSetByUser" : 0,
+ "\/js\/vendor\/jquery.min.js" : {
+ "ignoreWasSetByUser" : 1,
"ignore" : 1,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/scss\/_icons.scss",
- "outputStyle" : 0,
- "shouldRunBless" : 1,
- "outputAbbreviatedPath" : "\/css\/_icons.css",
- "fileType" : 4,
- "debugStyle" : 0
+ "inputAbbreviatedPath" : "\/js\/vendor\/jquery.min.js",
+ "outputStyle" : 1,
+ "syntaxCheckerStyle" : 0,
+ "outputAbbreviatedPath" : "\/js\/vendor\/minified\/jquery.min-min.js",
+ "fileType" : 64
},
"\/css\/demo.css" : {
"ignoreWasSetByUser" : 0,
@@ -514,14 +511,17 @@
"fileType" : 4,
"debugStyle" : 0
},
- "\/404.html" : {
+ "\/scss\/demo.scss" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/404.html",
- "outputAbbreviatedPath" : "No Output Path",
- "fileType" : 2048
+ "inputAbbreviatedPath" : "\/scss\/demo.scss",
+ "outputStyle" : 0,
+ "shouldRunBless" : 1,
+ "outputAbbreviatedPath" : "\/css\/demo.css",
+ "fileType" : 4,
+ "debugStyle" : 0
}
},
"manualImportLinks" : [
View
6 css/main.css
@@ -1,4 +1,4 @@
-@charset "UTF-8";/*
+/*
* ==========================================================
* Elements of this stylesheet were first published by:
* Paul Irish, Divya Manian, Nicolas Gallagher,
@@ -19,14 +19,14 @@
| |
| |
| URL: http://typeplate.com |
-| VERSION: 1.0.0 |
+| VERSION: 1.0.1 |
| Github: https://github.com/typePlate/typeplate.github.com |
| AUTHORS: Zachary Kain (@zakkain) & Dennis Gaebel (@gryghostvisuals) |
| LICENSE: Creative Commmons |
| http://creativecommons.org/licenses/by/3.0 |
| |
+---------------------------------------------------------------------+
-*/@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}}/*
+*/@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}}/*
* FF Meta Serif Web Pro
* The most influential sans serif of the digital revolution (FF Meta)
* now has a serif companion. It took three years and three designers
View
2  css/typeplate-unminified.css
@@ -10,7 +10,7 @@
| |
| |
| URL: http://typeplate.com |
-| VERSION: 1.0.0 |
+| VERSION: 1.0.1 |
| Github: https://github.com/typePlate/typeplate.github.com |
| AUTHORS: Zachary Kain (@zakkain) & Dennis Gaebel (@gryghostvisuals) |
| LICENSE: Creative Commmons |
View
17 index.html
@@ -14,7 +14,7 @@
</script>
<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.">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1">
- <link rel="stylesheet" href="./css/main.css?1.0">
+ <link rel="stylesheet" href="./css/main.css?1.0.1">
<script src="./js/vendor/modernizr.min.js"></script>
</head>
<body>
@@ -49,22 +49,22 @@
<a href="//raw.github.com/typeplate/typeplate.github.com/master/scss/_typeplate.scss" class="dl-item">
<i class="icon-download"></i>Sass
<hr>
- <small>v1.0 | 3kb</small>
+ <small>v1.0.1 | 3kb</small>
</a>
<a href="//raw.github.com/typeplate/typeplate.github.com/master/less/typeplate.less" class="dl-item">
<i class="icon-download"></i>LESS Port
<hr>
- <small>v1.0 | 3kb</small>
+ <small>v1.0.1 | 3kb</small>
</a>
- <a href="https://github.com/typeplate/typeplate-bower" class="dl-item">
- <i class="icon-download"></i>Bower (Sass)
+ <a href="//raw.github.com/typeplate/typeplate.github.com/master/stylus/typeplate.styl" class="dl-item">
+ <i class="icon-download"></i>Stylus Port
<hr>
- <small>v1.0 | 3kb</small>
+ <small>v1.0.1 | 3kb</small>
</a>
<a href="//raw.github.com/typeplate/typeplate.github.com/master/css/typeplate-unminified.css" class="dl-item">
<i class="icon-download"></i>Raw CSS
<hr>
- <small>v1.0 | 6kb</small>
+ <small>v1.0.1 | 7kb</small>
</a>
</div>
</nav>
@@ -315,7 +315,7 @@ <h1 class="gamma section-title"><a class="perma-anchor" href="#color">§</a> 1.4
<header>
<h1 class="gamma section-title"><a class="perma-anchor" href="#indenting">§</a> 2.1 Indenting</h1>
</header>
- <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>
+ <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>
<figure class="example no-top-pad">
<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>
p {
& + p {
text-indent: $indent-val;
+ margin-top: -$indent-val;
}
}</code></pre>
</figure>
View
2  scss/_typeplate.scss
@@ -9,7 +9,7 @@
| |
| |
| URL: http://typeplate.com |
-| VERSION: 1.0.0 |
+| VERSION: 1.0.1 |
| Github: https://github.com/typePlate/typeplate.github.com |
| AUTHORS: Zachary Kain (@zakkain) & Dennis Gaebel (@gryghostvisuals) |
| LICENSE: Creative Commmons |
Please sign in to comment.
Something went wrong with that request. Please try again.