Tags HTML no Liquid fornecem maneiras de gerar e manipular conteúdo HTML dinamicamente.
style
Permite a inclusão de CSS diretamente em um template.
{% style %}
css_content
{% endstyle %}
O conteúdo CSS a ser incluído.
{% style %}
.highlighted {
background-color: yellow;
padding: 5px;
font-weight: bold;
}
{% endstyle %}
<span class="highlighted">Este texto está destacado</span>
<style>
.highlighted {
background-color: yellow;
padding: 5px;
font-weight: bold;
}
</style>
<span class="highlighted">Este texto está destacado</span>