File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ # 2.0.0 2015-09-05
2+
3+ Change: Use PostCSS 5.0 API.
4+
15# 1.2.0 2015-07-06
26
3- Use PostCSS 4.1 plugin API.
7+ Change: Use PostCSS 4.1 plugin API.
48
59# 1.1.0 2014-12-15
610
Original file line number Diff line number Diff line change @@ -81,6 +81,8 @@ input.css:
8181 | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>
8282```
8383
84+ ![ syntax] ( http://gtms03.alicdn.com/tps/i3/TB1Rje0HXXXXXXeXpXXccZJ0FXX-640-290.png )
85+
8486PostCSS Media Minmax 目前并没有实现 ` 200px >= width ` 或者 ` 200px <= width ` 这样的语法,因为这样的语法可读性并不不是太好。
8587
8688## [ 取值(Values)] ( http://dev.w3.org/csswg/mediaqueries/#values )
Original file line number Diff line number Diff line change @@ -50,7 +50,7 @@ var output = postcss(minmax())
5050 .css
5151```
5252
53- input.css:
53+ input.css:
5454
5555``` css
5656@media screen and (width >= 500px ) and (width <= 1200px ) {
@@ -60,7 +60,7 @@ input.css:
6060}
6161```
6262
63- You will get:
63+ You will get:
6464
6565``` css
6666@media screen and (min-width : 500px ) and (max-width : 1200px ) {
@@ -81,6 +81,8 @@ You will get:
8181 | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>
8282```
8383
84+ ![ syntax] ( http://gtms03.alicdn.com/tps/i3/TB1Rje0HXXXXXXeXpXXccZJ0FXX-640-290.png )
85+
8486PostCSS Media Minmax hasn't implemented syntax such as ` 200px > = width ` or ` 200px < = width ` currently because its readability is not good enough yet.
8587
8688## [ Values] ( http://dev.w3.org/csswg/mediaqueries/#values )
Original file line number Diff line number Diff line change 11{
22 "name" : " postcss-media-minmax" ,
3- "version" : " 1.2 .0" ,
3+ "version" : " 2.0 .0" ,
44 "description" : " Using more intuitive `>=` or `<=` instead of media queries min/max prefix." ,
55 "scripts" : {
66 "test" : " tape test"
You can’t perform that action at this time.
0 commit comments