{# ========================================================================== #}
{# :: Default #}
{# ========================================================================== #}
{% macro default(classes, data) %}

	<div class="bp-c-font-style">
			<span class="bp-c-font-style__name">{{data.name}}</span>

		<div class="bp-c-font-style__content">
			<{{data.name}} class="bp-c-font-style__text" style="{% for key, value in data.props %}{{key + ':' + value + ";"}}{% endfor %}">
				Donec ullamcorper nulla non metus auctor fringilla Integer
				posuere erat a ante venenatis dapibus posuere velit aliquet.
			</{{data.name}}>

			<div class="bp-c-font-style__props">
				<dl class="bp-c-font-style__list">
					{% for key, value in data.props %}

						<dt class="bp-c-font-style__term">{{key}}</dt>
						<dd class="bp-c-font-style__definition">{{value}}</dd>

					{% endfor %}
				</dl>
			</div>
		</div>
	</div>

{% endmacro %}