Tweaked Terminal Alert (CSS)

Phlow · Phlow · commit b6aa873efd99 · 2015-04-07T13:01:03.000+02:00
diff --git 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
@@ -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
@@ -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 %}
 ~~~
 
