Hello All

 

I have started to create a site using the Jeet Framework. It is going well, but I have run into a problem when trying to use the stack mixin. The stack mixin allows columns to stack once the reach a specified width.

 

I have created a _breakpoint.scss file which contains my breakpoints and I have included this file in my main scss file. The breakpoints all work correctly.

 

The problem I have is that I dont know how to use the stack mixin properly. Usually when I use a breakpoint I use the following:

 

@[member="Include"] breakpoint (mobile) {STYLES TO BE CHANGED}

(mobile is the name of one of the specified breakpoints.)

 

When I try to use:

 

@[member="Include"] breakpoint (mobile) {@[member="Include"] stack}

I get an error.

 

Can anyone point me in the right direction how to use the stack mixin to specify that columns should stack at a certain breakpoint?

 

Thanks for your help.

Edited May 1, 201412 yr by predatorx

What's the error you're getting?

Without more info all I can suggest is you try one of the following:

@[member="Include"] breakpoint(mobile) {
.someElement {
@[member="Include"] stack
}
}

or

.someElement {
@[member="Include"] breakpoint(mobile) {
@[member="Include"] stack
}
}

 

looking at the stack mixin here it just sets an element to display block, 100% width.

 

 

 

looks like the new mention feature on the forum is gonna notify a member everytime someone posts some Sass, lol

Edited May 2, 201412 yr by Wynn

Hi. Thanks for your help. I used your suggestion

 

.someElement {
@Include breakpoint(mobile) {
@Include stack
}
}

 

and it worked.