From b6aa873efd997acc927fdea1b22e89effd0af496 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Moritz=20=C2=BBmo=2E=C2=AB=20Sauer?= <mo@phlow.de>
Date: Tue, 7 Apr 2015 13:01:03 +0200
Subject: [PATCH] Tweaked Terminal Alert (CSS)

---
 _posts/design/2014-09-10-portfolio.md | 2 +-
 _sass/_09_elements.scss               | 5 +++++
 pages/documentation.md                | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/_posts/design/2014-09-10-portfolio.md b/_posts/design/2014-09-10-portfolio.md
index 25ee82b..5523325 100755
--- a/_posts/design/2014-09-10-portfolio.md
+++ b/_posts/design/2014-09-10-portfolio.md
@@ -25,7 +25,7 @@ categories:
 <div class="row t30">
     <div class="medium-4 columns">
         <img src="{{ site.url }}/images/webdesign_screenshot_stilwandel.jpg" alt="">
-        <p>Website: <a href="http://stilwandel-koeln.de">Stilwande-Koeln.de</a></p>
+        <p>Website: <a href="http://stilwandel-koeln.de">Stilwandel-Koeln.de</a></p>
     </div><!-- /.medium-4.columns -->
 
     <div class="medium-4 columns">
diff --git a/_sass/_09_elements.scss b/_sass/_09_elements.scss
index b468e03..f489c3a 100644
--- a/_sass/_09_elements.scss
+++ b/_sass/_09_elements.scss
@@ -72,6 +72,11 @@
     background: $grey-12; 
     color: #fff; 
     border-color: scale-color($grey-12, $lightness: -14%);
+    font-family: $font-family-monospace;
+  }
+  .alert-box.terminal::before {
+    content: "$ ";
+    color: $ci-6;
   }
   .alert-box.text {
     background-color: $grey-2;
diff --git a/pages/documentation.md b/pages/documentation.md
index f5b81ba..384e33c 100644
--- a/pages/documentation.md
+++ b/pages/documentation.md
@@ -268,7 +268,7 @@ This include lets you easily display an alert. To use the include no `.html` end
 {% include alert info='An info box.' %}
 {% include alert success='Yeah, you made it!' %}
 {% include alert alert='Danger!' %}
-{% include alert terminal='$ jekyll -serve' %}
+{% include alert terminal='jekyll -serve' %}
 {% include alert text='Just a note!' %}{% endraw %}
 ~~~