{% extends 'base.html' %} {% block title %}{% translate 'Development' %} - {{ block.super }}{% endblock %} {% block breadcrumb_bar %} {% endblock %} {% block content %}
Card
Outline Primary
Outline Warning
Text
{% for color in theme_colors %}
{{ color|title }}
{% endfor %}
Badges
{% for color in theme_colors %}
{{ color|title }}
{% endfor %}
Primary Outline
Secondary Outline
{% for color in theme_colors %}
{{ color|title }}
{% endfor %}
Buttons
{% for color in theme_colors %}
{% endfor %}
{% for color in theme_colors %}
{% endfor %}
{% for color in theme_colors %}
{% endfor %}
{% for color in theme_colors %} {% endfor %}
{% for color in theme_colors %} {% endfor %}
{% for color in theme_colors %} {% endfor %}
Normal
Light
Normal
Light
Checkboxes
Alerts and Callouts
{% for color in theme_colors %}
{{ color|title }}
{% endfor %}
Info
Warning
Danger
{% include 'infobox.html' %}
Vote
Unipolar
Bipolar
Yes-No
Bars
{% include 'progress_bar.html' with done=6 total=12 %}
{% include 'progress_bar.html' with done=7 total=7 icon='user' %}
{% include 'progress_bar.html' with done=1 total=8 warning=True %}
Tables
Special rows
Name Info Items
Heading row Signals a row being in the first indent level.
{% spaceless %}
 
 
 
 
 
{% endspaceless %}
1.8
Total Stats Emphasize a row showing important data. {% include 'progress_bar.html' with done=8 total=14 %}
Hover edit or vote buttons Hightlight the row and the primary button when hovering, except when a secondary button is hovered.
Hover results Hightlight the row, distribution bar and grade badge when hovering.
{% spaceless %}
 
 
 
 
 
{% endspaceless %}
1.8
Link table
Containers
Left
Center
Right
Content
{% endblock %}