{#- chirp-ui: Overlay component Gradient or dark layer over an image so text remains readable. Place as sibling to image inside a position: relative parent. Usage: from "chirpui/overlay.html" import overlay
... {{ overlay("dark") }}

Text on image

Variants: dark, gradient-bottom, gradient-top -#} {% def overlay(variant="dark", cls="") %} {% set variant = variant | validate_variant(("dark","gradient-bottom","gradient-top"), "dark") %} {% end %}