websites/dennogumi.org-archive
Archived
1
0
Fork 0
Code Releases Activity

Tweaked Terminal Alert (CSS)

Browse source
This commit is contained in:
Moritz »mo.« Sauer 2015-04-07 13:01:03 +02:00
commit b6aa873efd
3 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
_posts/design/2014-09-10-portfolio.md
View file

@ -25,7 +25,7 @@ categories:
<div class="row t30"> <div class="row t30">
<div class="medium-4 columns"> <div class="medium-4 columns">
<img src="{{ site.url }}/images/webdesign_screenshot_stilwandel.jpg" alt=""> <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><!-- /.medium-4.columns -->
<div class="medium-4 columns"> <div class="medium-4 columns">

5
_sass/_09_elements.scss
View file

@ -72,6 +72,11 @@
background: $grey-12; background: $grey-12;
color: #fff; color: #fff;
border-color: scale-color($grey-12, $lightness: -14%); border-color: scale-color($grey-12, $lightness: -14%);
font-family: $font-family-monospace;
}
.alert-box.terminal::before {
content: "$ ";
color: $ci-6;
} }
.alert-box.text { .alert-box.text {
background-color: $grey-2; background-color: $grey-2;

2
pages/documentation.md
View file

@ -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 info='An info box.' %}
{% include alert success='Yeah, you made it!' %} {% include alert success='Yeah, you made it!' %}
{% include alert alert='Danger!' %} {% include alert alert='Danger!' %}
{% include alert terminal='$ jekyll -serve' %} {% include alert terminal='jekyll -serve' %}
{% include alert text='Just a note!' %}{% endraw %} {% include alert text='Just a note!' %}{% endraw %}
~~~ ~~~