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