<div class="title-wrapper row row--no-margins between-xs">
<h1 class="heading heading--page">
main title
</h1>
<div class="title-wrapper__actions">
<button class="button button button--secondary" type="button">
I am a button
</button>
</div>
</div>
<div class="title-wrapper row row--no-margins between-xs">
{{ render '@heading' title }}
{{#if button }}
<div class="title-wrapper__actions">
{{ render '@button--secondary' button }}
</div>
{{/if }}
</div>
{
"title": {
"text": "main title",
"tag": "h1",
"class": "heading heading--page"
},
"button": {
"tag": "button",
"class": "button button--secondary",
"attributes": "type=\"button\"",
"text": "I am a button"
}
}
$title-wrapper__margin : 0 0 $spacer--medium 0 !default;
.title-wrapper {
margin: $title-wrapper__margin;
flex-direction: column;
@include mq($screen_m) {
flex-direction: row;
}
&__actions {
display: flex;
justify-content: center;
flex-direction: column;
}
}
There are no notes for this item.