<div class="actions-toolbar">
<div class="primary">
<button class="action primary" type="submit">
<span>Apply</span>
</button>
</div>
<div class="secondary">
<button class="action" type="button">
<span>See Balance</span>
</button>
</div>
</div>
<div class="actions-toolbar">
<div class="primary">
<button
class="action primary"
type="submit"
>
<span>{{ titlePrimary }}</span>
</button>
</div>
<div class="secondary">
<button
class="action"
type="button"
>
<span>{{ titleSecondary }}</span>
</button>
</div>
</div>
{
"titlePrimary": "Apply",
"titleSecondary": "See Balance"
}
.actions-toolbar {
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
margin-left: 0;
@include mq($screen-m) {
flex-direction: row;
}
.primary:not(button) {
display: flex;
flex-flow: column nowrap;
width: 100%;
@include mq($screen-m) {
justify-content: space-between;
flex-direction: row;
}
button {
width: 100%;
justify-content: center;
@include mq($screen-m) {
max-width: 48%;
}
}
}
}
No notes defined.