Terrace/docs/renderer/nodes/Section.njk
2023-03-04 22:36:08 -05:00

21 lines
787 B
Plaintext

{% from "./Node.njk" import Node %}
{% set variants = {
light: "bg-gradient-to-b from-neutral-50 to-neutral-50/50 text-neutral-900",
dark: "bg-gradient-to-b from-neutral-800 to-neutral-900 text-neutral-50"
}
%}
{% macro render(node, ctx) %}
<svg class="w-full -mt-[55px] {{ 'text-neutral-50' if node.variant == 'light' else 'text-neutral-800' }}" viewBox="0 0 1920 55">
<path d="M0 55H1920V6.99994C1811 55 1150 55 403.5 6.99994C141.541 -9.84407 0 6.99996 0 55Z" fill="currentColor"/>
</svg>
<section class="group/{{node.variant}} {{ variants[node.variant] }}">
<div class="{{ node.class }} container mx-auto px-8 pt-16 pb-48">
{% for child in node.children %}
{{ Node(child.type, child, ctx) }}
{% endfor %}
</div>
</section>
{% endmacro %}