Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Allow operations in @media() #318

Closed
MoOx opened this issue Mar 14, 2012 · 3 comments
Closed

Allow operations in @media() #318

MoOx opened this issue Mar 14, 2012 · 3 comments

Comments

@MoOx
Copy link

MoOx commented Mar 14, 2012

I can do that

@mixin media-xl {
  @media (min-width: $media-query-width-xl) and (max-width: $media-query-width-xxl - 1px) {
    @content
  }
}

The - 1px is not allow. It will be great if we can use thing like that.

@MoOx
Copy link
Author

MoOx commented Mar 14, 2012

Btw, a workaround si to make the same behavior like this
@mixin media-xl { $max: $media-query-width-xxl - 1px; @media (min-width: $media-query-width-xl) and (max-width: $max) { @content } }

@nex3
Copy link
Contributor

nex3 commented Mar 14, 2012

This works on the latest master branch.

@nex3 nex3 closed this as completed Mar 14, 2012
@MoOx
Copy link
Author

MoOx commented Mar 14, 2012

Sorry I feel stupid.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants