{# @var craft \craft\web\twig\variables\CraftVariable #} {# @var entry \craft\elements\Entry #} {# Module Library ------------------------------------------------------------ #} {% extends "_layouts/_dev.html" %} {% set bodyClass = "p-development t-devPages" %} {% if seomaticSiteMeta ?? null %} {% set seomaticMeta = seomaticMeta | merge({'seoTitle': 'DEV: Modules Library' }) %} {% else %} {% set appTitle = 'DEV: Modules Library' %} {% endif %} {# -- CRITICAL CSS -- #} {% block appInlineCSS %} {% endblock %} {% block appContent %} {# -- Nav -- #} {% include 'dev/_nav.html' %} {# -- BLOCK -- #}
Headline
{# -- headline -- #} {% include '_atoms/headline/_template.html' with { opt: { text: 'Visit the green and glowing world of Amina Stella Steiner', size: 'h1' } } only %}
{# -- BLOCK END -- #} {# -- BLOCK -- #}
Headline + Subline
{# -- headline -- #} {% include '_atoms/headline/_template.html' with { opt: { text: 'Visit the green and glowing world of Amina Stella Steiner', size: 'h1' } } only %} {# -- Subline -- #} {% include '_atoms/subline/_template.html' with { opt: { text: 'Visit the green and glowing world of Amina Stella Steiner', size: 'h4' } } only %}
{# -- BLOCK END -- #} {# -- BLOCK -- #}
Links
{# -- link -- #} {% include '_atoms/link/_template.html' with { opt: { modifiers: [ 'inline' ], url: siteUrl, text: 'Men\'s glasses' } } only %} {# -- link -- #} {% include '_atoms/link/_template.html' with { opt: { modifiers: [ 'light' ], url: siteUrl, text: 'Men\'s glasses' } } only %} {# -- link -- #} {% include '_atoms/link/_template.html' with { opt: { modifiers: [ 'dark' ], url: siteUrl, text: 'Men\'s glasses' } } only %} {# -- link -- #} {% include '_atoms/link/_template.html' with { opt: { modifiers: [ 'cta' ], url: siteUrl, text: 'Men\'s glasses' } } only %} {# -- link -- #} {% include '_atoms/link/_template.html' with { opt: { modifiers: [ 'border-light' ], url: siteUrl, text: 'Men\'s glasses' } } only %} {# -- link -- #} {% include '_atoms/link/_template.html' with { opt: { modifiers: [ 'border-inactive' ], url: siteUrl, text: 'Men\'s glasses' } } only %} {# -- link -- #} {% include '_atoms/link/_template.html' with { opt: { modifiers: [ 'border-active' ], url: siteUrl, text: 'Men\'s glasses' } } only %}
{# -- BLOCK END -- #} {# -- Logic -- #} {% include 'dev/_logic.html' %} {% endblock %}