diff --git a/css/main.css b/css/main.css index 41bcf9a..55f82e9 100644 --- a/css/main.css +++ b/css/main.css @@ -26,7 +26,7 @@ | 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 .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;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}}/* * 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 diff --git a/scss/_site.scss b/scss/_site.scss index dc6de73..a1e8a6a 100644 --- a/scss/_site.scss +++ b/scss/_site.scss @@ -466,6 +466,7 @@ a[href="#table-of-contents"] { // hotfix for typographic scale example .example.scale-example { + padding: 1.65rem; .giga { margin-top: -0.25em; }