Tera variables in style properties are shown as an error.

[persello]

{% macro hero(hero_section) %}
<div class="macro-hero" style="background-image: url({{ hero_section.wallpaper | default(value="") }})">
    <div class="hero-content">
        <h4>{{ hero_section.intro }}</h4>
        <h1>{{ hero_section.title }}</h1>
        <p>{{ hero_section.description }}</p>

        {% if hero_section.buttons %}
        <div class="hero-buttons">
            {% for button in hero_section.buttons %}

            {% if button.primary %}
            <a class="button primary" href="{{ button.url }}">{{ button.text }}</a>
            {% else %}
            <a class="button" href="{{ button.url }}">{{ button.text }}</a>
            {% endif %}

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

    </div>

    {% if hero_section.social_links %}
    <nav class="hero-social">
        {% for social in hero_section.social_links %}
        <a href="{{ social.url }}"><img src="{{ social.icon }}" alt="{{ social.name }}"></a>
        {% endfor %}
    </nav>
    {% endif %}
</div>
{% endmacro %}

The contents of the style property at line 2 is shown as an error, as shown in the image below.

[karuna]

That's weird, it's not CSS.

…

On Wed, Feb 8, 2023 at 6:37 PM Riccardo Persello ***@***.***> wrote: {% macro hero(hero_section) %} <div class="macro-hero" style="background-image: url({{ hero_section.wallpaper | default(value="") }})"> <div class="hero-content"> <h4>{{ hero_section.intro }}</h4> <h1>{{ hero_section.title }}</h1> <p>{{ hero_section.description }}</p> {% if hero_section.buttons %} <div class="hero-buttons"> {% for button in hero_section.buttons %} {% if button.primary %} <a class="button primary" href="{{ button.url }}">{{ button.text }}</a> {% else %} <a class="button" href="{{ button.url }}">{{ button.text }}</a> {% endif %} {% endfor %} </div> {% endif %} </div> {% if hero_section.social_links %} <nav class="hero-social"> {% for social in hero_section.social_links %} <a href="{{ social.url }}"><img src="{{ social.icon }}" alt="{{ social.name }}"></a> {% endfor %} </nav> {% endif %} </div> {% endmacro %} The contents of the style property at line 2 is shown as an error, as shown in the image below. <img width="934" alt="image" src=" https://user-images.githubusercontent.com/45900950/217491245-bbcc7116-0214-4a08-b5c9-dd33cd542d4e.png”> — Reply to this email directly, view it on GitHub <#24>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAA6ORJ2AAYZDYE3ALUGWLTWWNSMBANCNFSM6AAAAAAUVAQK2I> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

-- Karuna Murti --- skype: ***@***.*** google hangout: ***@***.*** linkedin: https://www.linkedin.com/in/karunamurti timezone: Asia/Tokyo +9 - A mind needs books as a sword needs a whetstone, if it is to keep its edge. -