You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+17-17Lines changed: 17 additions & 17 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,11 +1,11 @@
1
1
# PostCSS Media Minmax [](https://travis-ci.org/postcss/postcss-media-minmax)
2
2
3
3
4
-
> Writing simple and graceful Media Queries!
4
+
> Writing simple and graceful media queries!
5
5
6
-
The `min-width`,`max-width` and many other propertys of Media Queries are really confused, every time I see them, I want to cry. Right now in the new specs, you can use more intuitive <= or >= to instead of the min-/max- prefix of media queries.
6
+
The `min-width`,`max-width` and many other properties of media queries are really confusing. I want to cry every time I see them. But right now according to the new specs, you can use more intuitive `<=` or `>=` to replace the `min-`/`max-` prefixes in media queries.
7
7
8
-
This is a supporting [CSS Media Queries Level 4](http://dev.w3.org/csswg/mediaqueries/)Polyfill plugin,which let you can ues these features right now. Mom won't never worry about my study, so amazing!
8
+
This is a polyfill plugin which supports [CSS Media Queries Level 4](http://dev.w3.org/csswg/mediaqueries/)and gives you access to the new features right away. Mom will never worry about my study any more. So amazing!
PostCSS Media Minmax doesn't implement such syntax as `200px > = width` or `200px < = width` currently, because the syntax readability is not good enough.
80
+
PostCSS Media Minmax hasn't implemented syntax such as `200px > = width` or `200px < = width` currently because its readability is not good enough yet.
@@ -117,7 +117,7 @@ PostCSS Media Minmax doesn't implement such syntax as `200px > = width` or `200p
117
117
118
118
### Shorthand
119
119
120
-
In Example 1, the same feature name is >= and <=, which will be abbreviated as the following:
120
+
In Example 1, if a feature has both `>=` and `<=` logic, it can be written as follows:
121
121
122
122
```css
123
123
@mediascreenand (500px<=width<=1200px) {
@@ -133,7 +133,7 @@ In Example 1, the same feature name is >= and <=, which will be abbreviated as t
133
133
}
134
134
```
135
135
136
-
Will get the same output results:
136
+
Which will output:
137
137
138
138
```css
139
139
@mediascreenand (min-width: 500px) and (max-width: 1200px) {
@@ -143,9 +143,9 @@ Will get the same output results:
143
143
}
144
144
```
145
145
146
-
**Note**: When the Media features name in the middle, we must ensure that two `<=` or `>=` in the same direction, otherwise which will not be converted.
146
+
**Note**: When the media feature name is in the middle, we must ensure that two `<=` or `>=` are in the same direction, otherwise which will not be converted.
147
147
148
-
E.g. in the example below, width is greater than or equal to 500px and is greater than or equal to 1200px, this is the wrong in grammar and logic.
148
+
E.g. in the example below, `width` is greater than or equal to 500px and is greater than or equal to 1200px, which is the wrong in both grammar and logic.
149
149
150
150
151
151
```css
@@ -156,9 +156,9 @@ E.g. in the example below, width is greater than or equal to 500px and is greate
156
156
}
157
157
```
158
158
159
-
### Media features name
159
+
### Media feature names
160
160
161
-
The following property supports the min-/max prefix in specification at present, which will be automatically converted by PostCSS Media Minmax.
161
+
The following properties support the `min-`/`max-` prefixes in the specifications at present, and will be automatically converted by PostCSS Media Minmax.
162
162
163
163
*`width`
164
164
*`height`
@@ -173,7 +173,7 @@ The following property supports the min-/max prefix in specification at present,
173
173
174
174
175
175
176
-
### Support for use in`@custom-media` & Node Watch
0 commit comments