<div class="o-container c-content c-content--intro">
<div class="c-content__item">
<h2 class="c-content__heading-text">Huck cruiser crank endo</h2>
</div>
<div class="c-content__item o-prose">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div id="js-more-1" class="js-accordeon__fulltext">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris luctus maximus blandit. Donec dui enim, finibus ut mi vel, gravida rutrum est. Donec sed lectus fringilla, ultricies metus sed, lobortis ligula. Nullam vitae fermentum sem. Proin sollicitudin varius ante at faucibus. Suspendisse ut tellus lectus. Ut non leo vel ipsum facilisis fermentum. Morbi molestie ornare nibh, nec iaculis augue sodales et. Fusce molestie convallis interdum. Nullam sit amet luctus quam, eget hendrerit mi. Aenean lorem diam, pellentesque ac vestibulum a, dapibus sed felis. Nam rutrum leo quis dignissim eleifend.</p>
<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify.</p>
</div>
<button aria-expanded="false" aria-controls="js-more-1" aria-pressed="false" class="c-button c-button--transparent js-accordeon__toggle-btn" hidden>
<span class="js-accordeon__toggle-btn-text">Afficher plus</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 14">
<path d="M1 1l6 6-6 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
</div>
<div
class="o-container c-content{% if styleVariant %} {{ styleVariant }}{% endif %}"
>
{% if heading %}
<div class="c-content__item">
<h2 class="c-content__heading-text">{{ heading }}</h2>
</div>
{% endif %}
{% if content %}
<div class="c-content__item o-prose">
{{ content | safe }}
{% if fulltext %}
<div id="js-more-1" class="js-accordeon__fulltext">
{{ fulltext | safe }}
</div>
<button aria-expanded="false"
aria-controls="js-more-1"
aria-pressed="false"
class="c-button c-button--transparent js-accordeon__toggle-btn"
hidden>
<span class="js-accordeon__toggle-btn-text">Afficher plus</span>{% render '@svg-chevron-right' %}
</button>
{% endif %}
</div>
{% endif %}
</div>
{
"content": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>",
"heading": "Huck cruiser crank endo",
"styleVariant": "c-content--intro",
"fulltext": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris luctus maximus blandit. Donec dui enim, finibus ut mi vel, gravida rutrum est. Donec sed lectus fringilla, ultricies metus sed, lobortis ligula. Nullam vitae fermentum sem. Proin sollicitudin varius ante at faucibus. Suspendisse ut tellus lectus. Ut non leo vel ipsum facilisis fermentum. Morbi molestie ornare nibh, nec iaculis augue sodales et. Fusce molestie convallis interdum. Nullam sit amet luctus quam, eget hendrerit mi. Aenean lorem diam, pellentesque ac vestibulum a, dapibus sed felis. Nam rutrum leo quis dignissim eleifend.</p><p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify.</p>"
}
/* ======================================================================
# _components.content.css
====================================================================== */
.c-content {
@apply
flex
flex-col
md:items-center
print:block
print:w-3/4
;
}
.c-content .c-content__item {
@apply
flex-1
md:w-2/3
print:w-full
;
}
.c-content__heading-text {
@extend %h2;
@apply
mb-8
print:mb-4
;
}
/* -----------------------------------
# Content heading left
----------------------------------- */
@screen md {
.c-content--2-col {
@apply
flex-row
items-start
;
.c-content__heading-text {
@apply
mr-6
;
}
}
}
@screen print {
.c-content--2-col {
@apply
flex-row
items-start
;
.c-content__heading-text {
@apply
mr-6
;
}
}
}
/* -----------------------------------
# Intro
----------------------------------- */
.c-content--intro .c-content__heading-text {
@extend %h1;
@apply
text-black
;
}
No notes defined.