Repository navigation
Expand file tree
/
Copy pathalert
More file actions
31 lines (31 loc) · 1.35 KB
/
Copy pathalert
File metadata and controls
31 lines (31 loc) · 1.35 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
{% comment %}
*
* This include lets you easily display an alert. To use this include no `.html` ending is necessary.
*
* You can use the following kinds of alerts:
*
* - warning (foundation built-in)
* - info (foundation built-in)
* - success (foundation built-in)
* - alert (foundation built-in)
* - text (foundation built-in)
* - terminal (custom, see Alerts in _sass/_09_elements.scss)
* - ... (define your own: .alert-box.<alert-type> { @include alert-style(<bg-color>);)
*
* You can even use markdown and <html>-tags inside the alert, but beware to use " and ' properly; for example:
*
* {% include alert info='Show an info alert with <b>outstanding</b> <a href="#info">information</a>.' %}
*
* {% include alert info='Show an info alert with *outstanding* [information](#info).' %}
*
* {% include alert info='Show an info alert with *outstanding* <a href="#info">information</a>.' %}
*
* You can also call for additional classes to be put on the alert div:
*
* {% include alert success="Yay! you did it!" classes='round' %}
*
{% endcomment %}
{% for entry in include %}
{% if entry[0] == 'classes' %}{% continue %}{% endif %}
<div class="alert-box {{ entry[0] }} {{ include.classes }}">{% if entry[0] contains 'terminal' %}{{ entry[1] }}{% else %}{{ entry[1] | markdownify }}{% endif %}</div>
{% endfor %}