qwik-site-bubben/content/components/color.njk

17 lines
615 B
Plaintext

{% macro label(color, border) %}
{{ color }}<span class="color-label" style="background-color: {{ color }}; {{ border }}"></span>
{% endmacro %}
{% macro palette(colorName, colors) %}
<div class="color-palette">
<p class="color-name">{{ colorName }}</p>
<div class="colors">
{% for color in colors %}
<div class="color-container">
<div class="color-box" style="background-color: {{ color }};"></div>
<p class="color-code">{{ color }}</p>
</div>
{% endfor %}
</div>
</div>
{% endmacro %}