{% extends 'base.html' %} {% load propeller %} {% block title %} Propeller Typography {% endblock %} {% block content %}

Heading with muted text Filter

{% verbatim %} usage: {{ text_var|pmd_muted_text }} {% endverbatim %}

{{ text1|pmd_display_text }}
{{ text2|pmd_muted_text }}

Display Heading Filter

{% verbatim %} usage: {{ text_var|pmd_display_text:size }} {% endverbatim %}
size=4:{{ text3|pmd_display_text:4 }}
size=3:{{ text4|pmd_display_text:3 }}
size=2:{{ text5|pmd_display_text:2 }}
size=1:{{ text6|pmd_display_text:1 }}

Lead Text Filter

{% verbatim %} usage: {{ text_var|pmd_lead_text }} {% endverbatim %}
pmd_display_text:{{ text7|pmd_display_text:2 }}
pmd_lead_text:{{ text8|pmd_lead_text }}
{{ text9 }}

Inline Text Filter

{% verbatim %} usage: {{ text_var|filter }} {% endverbatim %}
pmd_mark_text:{{ text10 }}{{ text11|pmd_mark_text }}
pmd_strike_text:{{ text10 }}{{ text12|pmd_strike_text }}
pmd_underline_text: {{ text10 }}{{ text13|pmd_underline_text }}
pmd_bold_text:{{ text10 }}{{ text14|pmd_bold_text }}
pmd_italic_text:{{ text10 }}{{ text15|pmd_italic_text }}
{% endblock %}