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

@media 嵌套支持 #28

Open
yisibl opened this issue Jun 15, 2015 · 2 comments
Open

@media 嵌套支持 #28

yisibl opened this issue Jun 15, 2015 · 2 comments

Comments

@yisibl
Copy link
Contributor

yisibl commented Jun 15, 2015

目前 Safari 和 IE 不支持@media 嵌套语法,但实际上规范是支持该语法的。例如:

Input:

@media (min-width: 36em) {
  @media (max-width: 1200px) {
    .foo {
      font-size: 18px;
    }
  }
}

需要做一次转换:

Output:

@media (min-width: 36em) and (max-width: 1200px) {
    .foo {
      font-size: 18px;
    }
}

考虑以单独的插件方式支持postcss-media-nested

@shucheng
Copy link

shucheng commented Jul 8, 2015

一丝大美女有没有做fis组件支持的打算呢?

@yisibl
Copy link
Contributor Author

yisibl commented Jul 9, 2015

@shucheng 不知道怎么写呢,如果你有兴趣可以帮忙写一个哈。

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