No notes defined.
<!-- Default -->
<div class="textInset has-backdrop">
<h2 class="textInset-title">Ich bin der Titel</h2>
<div class="textInset-content">
<div class="richtextBlock">
<h3>Ich bin eine Headline</h3>
<p><strong>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</strong></p>
<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
</div>
</div>
</div>
<!-- Dark -->
<div class="textInset has-backdrop" data-theme="dark">
<h2 class="textInset-title">Ich bin der Titel</h2>
<div class="textInset-content">
<div class="richtextBlock">
<h3>Ich bin eine Headline</h3>
<p><strong>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</strong></p>
<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>
</div>
</div>
</div>
<div class="textInset has-backdrop{{#if description}} is-detailed{{/if}}{{#modifier}} {{.}}{{/modifier}}"{{#theme}} data-theme="{{.}}"{{/theme}}>
{{#title}}
<h2 class="textInset-title">{{{.}}}</h2>
{{/title}}
{{#content}}
<div class="textInset-content">
{{{.}}}
</div>
{{/content}}
</div>
/* Default */
{
"title": "Ich bin der Titel",
"content": "<div class=\"richtextBlock\">\n<h3>Ich bin eine Headline</h3>\n<p><strong>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</strong></p>\n<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n</div>\n"
}
/* Dark */
{
"title": "Ich bin der Titel",
"content": "<div class=\"richtextBlock\">\n<h3>Ich bin eine Headline</h3>\n<p><strong>Selfies fixie next level trust fund jean shorts photo booth raw denim butcher mixtape ethical mustache.</strong></p>\n<p>Bitters sartorial gastropub, hashtag four loko skateboard chillwave deep. Crucifix you probably haven’t heard of them pork belly tilde, direct trade migas cornhole meggings chambray Vice put a bird on it DIY brunch.</p>\n</div>\n",
"theme": "dark"
}
@import "_textInset.styles";
%textInset {
@include stack-spacing(section);
@include full-width-backdrop($set-padding: true);
&-title {
@extend %sectionTitle--aligned-left;
@include stack-spacing(0);
text-align: left;
&::after {
margin-left: 0 !important;
}
}
&-content {
@extend %richtextBlock;
}
@include only-on-desktop(){
&-title,
&-content {
width: get-columns-width(8);
margin-left: auto;
margin-right: auto;
}
}
}
.textInset {
@extend %textInset;
&-title {
@extend %textInset-title;
}
&-content {
@extend %textInset-content;
}
}