Duplicate the HTML Section on Brooklyn Theme for use on another Theme

15 0 1

Hi There,

I would like to duplicate the custom HTML on the brooklyn theme to work on my website. I have created the section called advanced.content.liquid. With that I  can create the columns but it is not displaying horizontally. I think this is the code. 

.custom-content {
@include display-flexbox;
@include align-items(stretch);
@include flex-wrap(wrap);
width: auto;
margin-bottom: -$gridGutter;
margin-left: -$gridGutter;

@include at-query($max, $small) {
margin-bottom: -$gridGutterMobile;
margin-left: -$gridGutterMobile;

.custom__item {
@include flex(0 0 auto);
margin-bottom: $gridGutter;
padding-left: $gridGutter;
max-width: 100%;

@include at-query($max, $small) {
@include flex(0 0 auto);
padding-left: $gridGutterMobile;
margin-bottom: $gridGutterMobile;

&.small--one-half {
@include flex(1 0 50%);
max-width: 400px;
margin-left: auto;
margin-right: auto;

.custom__item-inner {
position: relative;
display: inline-block;
text-align: left;
max-width: 100%;

.custom__item-inner--html {
display: block;

But I get the following error undefined mixin 'display-flexbox'. at 13098. Any help would be greatly appreciated