<div class="action ">
<div class="action__handler">
<button class="button action__button " type="button">
Example button
</button>
</div>
<div class="action__handler">
<a href="#" class="link action__link " title="Link this title">
Link this title
</a>
</div>
</div>
<div class="action {{ class }}">
{{#each sides }}
<div class="action__handler">
{{#each action }}
{{#if button }}
<button class="button action__button {{ this.class }}"
type="button"
>
{{ title }}
</button>
{{else}}
<a href="#"
class="link action__link {{ this.class }}"
title="{{title}}"
>
{{ title }}
</a>
{{/if}}
{{/each }}
</div>
{{/each}}
</div>
{
"sides": [
{
"action": [
{
"button": true,
"title": "Example button"
}
]
},
{
"action": [
{
"title": "Link this title"
}
]
}
]
}
.category-seo {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0 0 $spacer--1;
&__content {
flex-basis: 100%;
margin-bottom: $action-margin;
@include mq($screen-m) {
flex-basis: auto;
margin-bottom: 0;
}
& p {
color: $gray-light;
line-height: 1.2;
}
}
}
There are no notes for this item.