cssdream / cssgrace

从今天起,写简单优雅面向未来的 CSS。From now on,writing brief,elegant,future-oriented CSS.
MIT License
593 stars 63 forks source link

@media 嵌套支持 #28

Open yisibl opened 9 years ago

yisibl commented 9 years ago

目前 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 commented 9 years ago

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

yisibl commented 9 years ago

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