New! Embed Alerts via new include
Showing alerts in your content is simplified via include. Have a look at http://phlow.github.io/feeling-responsive/documentation/#alert-embed-an- alert-in-your-content
This commit is contained in:
parent
70814f1483
commit
ebdc6f8c65
4 changed files with 79 additions and 3 deletions
33
_includes/alert
Normal file
33
_includes/alert
Normal file
|
@ -0,0 +1,33 @@
|
|||
{% comment %}
|
||||
*
|
||||
* This include lets you easily display an alert.
|
||||
* To use the include no `.html` ending is necessary.
|
||||
* You can use five different kinds of alerts:
|
||||
*
|
||||
* - warning
|
||||
* - info
|
||||
* - success
|
||||
* - alert
|
||||
* - text
|
||||
*
|
||||
* You can even use <html>-tags inside the alert. Beware:
|
||||
* Use " and ' properly.
|
||||
*
|
||||
* Example: {% include alert info='Show an info alert with outstanding information' %}
|
||||
*
|
||||
{% endcomment %}
|
||||
|
||||
|
||||
{% if include.warning %}
|
||||
<div class="alert-box warning radius">{{ include.warning }}</div>
|
||||
{% elsif include.info %}
|
||||
<div class="alert-box info radius">{{ include.info }}</div>
|
||||
{% elsif include.success %}
|
||||
<div class="alert-box success radius">{{ include.success }}</div>
|
||||
{% elsif include.alert %}
|
||||
<div class="alert-box alert radius">{{ include.alert }}</div>
|
||||
{% elsif include.text %}
|
||||
<div class="alert-box text radius">{{ include.text }}</div>
|
||||
{% elsif include.terminal %}
|
||||
<div class="alert-box terminal radius">{{ include.terminal }}</div>
|
||||
{% endif %}
|
Reference in a new issue