larger font for code samples (closes #60)

master
Hakim El Hattab 2012-07-09 21:48:43 -04:00
parent 54f1fcf381
commit 74d342daf7
2 changed files with 11 additions and 18 deletions

View File

@ -197,7 +197,7 @@ body {
margin: 10px auto; margin: 10px auto;
text-align: left; text-align: left;
font-size: 14px; font-size: 20px;
font-family: monospace; font-family: monospace;
line-height: 1.2em; line-height: 1.2em;

View File

@ -184,27 +184,20 @@
<section> <section>
<h2>Pretty Code</h2> <h2>Pretty Code</h2>
<pre><code contenteditable> <pre><code contenteditable>
var supports3DTransforms = document.body.style['webkitPerspective'] !== undefined ||
document.body.style['MozPerspective'] !== undefined ||
document.body.style['perspective'] !== undefined;
function linkify( selector ) { function linkify( selector ) {
if( supports3DTransforms ) { if( supports3DTransforms ) {
var nodes = document.querySelectorAll( selector ); var nodes = document.querySelectorAll( selector );
for( var i = 0, len = nodes.length; i < len; i++ ) { for( var i = 0, len = nodes.length; i < len; i++ ) {
var node = nodes[i]; var node = nodes[i];
if( !node.className || !node.className.match( /roll/g ) ) { if( !node.className ) ) {
node.className += ' roll'; node.className += ' roll';
node.innerHTML = '<span data-title="'+ node.text +'">' + node.innerHTML + '</span>'; }
} };
}; }
}
} }
linkify( 'a' );
</code></pre> </code></pre>
<p>Courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p> <p>Courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p>
</section> </section>