20 lines
657 B
HTML
20 lines
657 B
HTML
{% assign colors = include.colors | default: site.colors %}
|
|
{% assign light = include.light %}
|
|
|
|
<div class="example">
|
|
<div class="mb-n3">
|
|
{% for color in colors %}
|
|
<div class="row g-2 mb-3 align-items-center">
|
|
<div class="col-auto">
|
|
<div class="avatar bg-{{ color[0] }}{% if light %}-lt{% else %} text-white{% endif %}">{{ color[0] | capitalize | first_letter }}</div>
|
|
</div>
|
|
<div class="col">
|
|
<span class="fw-semibold">{{ color[1].title }}</span><br/>
|
|
<code>bg-{{ color[0] }}{% if light %}-lt{% endif %}</code>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
|