<details class="wp-block-details">
<summary>
Details summary
</summary>
<p class='wp-block-paragraph'>Nunc pellentesque felis non tempus mattis. Fusce ut cursus nibh, quis rhoncus arcu. Suspendisse eget mi maximus, hendrerit nisl vitae, euismod mauris. Praesent id diam euismod, pellentesque leo vel, gravida massa. Ut interdum, velit non tincidunt gravida, velit ligula blandit magna, et placerat mi nisl at erat. In vulputate, turpis vitae luctus bibendum, metus metus congue ipsum, eget luctus mi diam vel purus. Cras euismod pretium quam, vitae condimentum turpis porta eget. Pellentesque pharetra aliquam nisl, eu aliquet sapien posuere sit amet. Mauris et risus a dui maximus placerat sed eget ex. Mauris nibh ante, tristique sit amet massa et, aliquam sagittis urna.</p>
<p class='wp-block-paragraph'>Nunc pellentesque felis non tempus mattis. Fusce ut cursus nibh, quis rhoncus arcu. Suspendisse eget mi maximus, hendrerit nisl vitae, euismod mauris. Praesent id diam euismod, pellentesque leo vel, gravida massa. Ut interdum, velit non tincidunt gravida, velit ligula blandit magna, et placerat mi nisl at erat. In vulputate, turpis vitae luctus bibendum, metus metus congue ipsum, eget luctus mi diam vel purus. Cras euismod pretium quam, vitae condimentum turpis porta eget. Pellentesque pharetra aliquam nisl, eu aliquet sapien posuere sit amet. Mauris et risus a dui maximus placerat sed eget ex. Mauris nibh ante, tristique sit amet massa et, aliquam sagittis urna.</p>
</details>
<details class="wp-block-details">
<summary>
{{ fields.summary }}
</summary>
{{ fields.content }}
</details>
{
"fields": {
"summary": "Details summary",
"content": "<p class='wp-block-paragraph'>Nunc pellentesque felis non tempus mattis. Fusce ut cursus nibh, quis rhoncus arcu. Suspendisse eget mi maximus, hendrerit nisl vitae, euismod mauris. Praesent id diam euismod, pellentesque leo vel, gravida massa. Ut interdum, velit non tincidunt gravida, velit ligula blandit magna, et placerat mi nisl at erat. In vulputate, turpis vitae luctus bibendum, metus metus congue ipsum, eget luctus mi diam vel purus. Cras euismod pretium quam, vitae condimentum turpis porta eget. Pellentesque pharetra aliquam nisl, eu aliquet sapien posuere sit amet. Mauris et risus a dui maximus placerat sed eget ex. Mauris nibh ante, tristique sit amet massa et, aliquam sagittis urna.</p><p class='wp-block-paragraph'>Nunc pellentesque felis non tempus mattis. Fusce ut cursus nibh, quis rhoncus arcu. Suspendisse eget mi maximus, hendrerit nisl vitae, euismod mauris. Praesent id diam euismod, pellentesque leo vel, gravida massa. Ut interdum, velit non tincidunt gravida, velit ligula blandit magna, et placerat mi nisl at erat. In vulputate, turpis vitae luctus bibendum, metus metus congue ipsum, eget luctus mi diam vel purus. Cras euismod pretium quam, vitae condimentum turpis porta eget. Pellentesque pharetra aliquam nisl, eu aliquet sapien posuere sit amet. Mauris et risus a dui maximus placerat sed eget ex. Mauris nibh ante, tristique sit amet massa et, aliquam sagittis urna.</p>"
}
}
summary
@extends $headline3
position relative
color blue500
padding 1rem 2em 1rem 0
cursor pointer
&::-webkit-details-marker
display none
summary::marker
content none
summary:after
content url("data:image/svg+xml;utf8, <svg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path class='_mark icon-right-chevron__shape' fill-rule='evenodd' clip-rule='evenodd' d='M0.400059 0.200059C0.841887 -0.131312 1.46869 -0.041769 1.80006 0.400059L6.00006 6.00006L1.80006 11.6001C1.46869 12.0419 0.841887 12.1314 0.400059 11.8001C-0.0417684 11.4687 -0.131312 10.8419 0.200059 10.4001L3.50006 6.00006L0.200059 1.60006C-0.131312 1.15823 -0.0417684 0.53143 0.400059 0.200059Z' fill='black'></path></svg>")
position absolute
right 6px
top calc(50% - 8px)
transform rotate(90deg)
details[open]
padding-bottom 16px
& summary:after
transform rotate(-90deg)
details
border-bottom 1px solid coolGray3
.wp-block-details
fluid(margin-bottom, 24px, 48px)
details .wp-block-paragraph
max-width none
No notes defined.