Customize slide to match Agaric styles
This commit is contained in:
parent
e8a620aba8
commit
ef7488b3f4
2 changed files with 24 additions and 0 deletions
12
agaric/templates/paragraph/paragraph--slide.html.twig
Normal file
12
agaric/templates/paragraph/paragraph--slide.html.twig
Normal file
|
@ -0,0 +1,12 @@
|
|||
{% set item_attributes = create_attribute().addClass(item_classes) %}
|
||||
{% import "@bulma/macros/renderables.html.twig" as renderables %}
|
||||
{% set link = renderables.merge_attributes(item_attributes, content.field_link, 0) %}
|
||||
{# Include slide component template. #}
|
||||
{%
|
||||
include '@agaric/paragraph/slide.html.twig' with {
|
||||
classes: classes,
|
||||
image_url: content.field_image[0]['#markup'],
|
||||
text: content.field_text,
|
||||
link: link,
|
||||
} only
|
||||
%}
|
12
agaric/templates/paragraph/slide.html.twig
Normal file
12
agaric/templates/paragraph/slide.html.twig
Normal file
|
@ -0,0 +1,12 @@
|
|||
<section class="hero is-light" data-headerbg="light">
|
||||
<div class="hero-body">
|
||||
<div class="container is-fluid">
|
||||
<div class="title">
|
||||
{{ text }}
|
||||
</div>
|
||||
<div class="is-pulled-right">
|
||||
{{ link }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
Loading…
Reference in a new issue