Use a smaller font size for mapping examples

3 files changed, 12 insertions, 5 deletions

diff --git a/assets/styles.css b/assets/styles.css
index afe44bd..10081f4 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -46,3 +46,6 @@ h2 {
 .code {
 	font-family: "Monaco", monospace;
 }
+.font-size-0\.8 {
+	font-size: 0.8em;
+}
diff --git a/assets/stylesheets/typography.css b/assets/stylesheets/typography.css
index f83a920..b1d036a 100644
--- a/assets/stylesheets/typography.css
+++ b/assets/stylesheets/typography.css
@@ -10,3 +10,7 @@ h2 {
 .code {
 	font-family: "Monaco", monospace;
 }
+
+.font-size-0\.8 {
+	font-size: 0.8em;
+}
diff --git a/index.html b/index.html
index b9b0f33..3b06132 100644
--- a/index.html
+++ b/index.html
@@ -28,13 +28,13 @@
 		<h2>Examples</h2>
 
 		<p>Video controls:</p>
-		<pre class="code code-block margin-bottom-1.8">
+		<pre class="code code-block margin-bottom-1.8 font-size-0.8">
 map &lt;Up&gt; &lt;Left&gt;
 map &lt;Play&gt; &lt;Space&gt;
 map &lt;Down&gt; &lt;Right&gt;</pre>
 
 		<p>Preserve volume buttons and include video controls in a mode:</p>
-		<pre class="code code-block margin-bottom-1.8">
+		<pre class="code code-block margin-bottom-1.8 font-size-0.8">
 # Don't launch iTunes when pressing the middle button
 map &lt;Play&gt; &lt;Nop&gt;
 
@@ -45,18 +45,18 @@ mode &lt;Play&gt;&lt;Play&gt; {
 }</pre>
 
 		<p>Application switcher:</p>
-		<pre class="code code-block margin-bottom-1.8">
+		<pre class="code code-block margin-bottom-1.8 font-size-0.8">
 map &lt;Up&gt; &lt;D-S-Tab&gt;
 map &lt;Down&gt; &lt;D-Tab&gt;</pre>
 
 		<p>Open frequently used applications:</p>
-		<pre class="code code-block margin-bottom-1.8">
+		<pre class="code code-block margin-bottom-1.8 font-size-0.8">
 cmd &lt;Up&gt;   open -a Terminal
 cmd &lt;Play&gt; open -a Xcode
 cmd &lt;Down&gt; open -a Firefox</pre>
 
 		<p>Open Terminal window #2:</p>
-		<pre class="code code-block margin-bottom-1.8">
+		<pre class="code code-block margin-bottom-1.8 font-size-0.8">
 cmd &lt;Play&gt; osascript -e 'activate application "Terminal"' -e 'tell application "System Events" to keystroke "2" using command down'</pre>
 	</div>
 </body>