Skip to content

Commit 59e048a

Browse files
committed
Merge pull request #3 from Justineo/master
Better English translation
2 parents 014a13d + 8f5ffb4 commit 59e048a

1 file changed

Lines changed: 17 additions & 17 deletions

File tree

README.md

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
# PostCSS Media Minmax [![Build Status](https://travis-ci.org/postcss/postcss-media-minmax.svg)](https://travis-ci.org/postcss/postcss-media-minmax)
22

33

4-
> Writing simple and graceful Media Queries!
4+
> Writing simple and graceful media queries!
55
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.
77

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!
99

1010

1111
[简体中文](README-zh.md)
@@ -77,7 +77,7 @@ You will get:
7777
| <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>
7878
```
7979

80-
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.
8181

8282
## [Values](http://dev.w3.org/csswg/mediaqueries/#values)
8383

@@ -117,7 +117,7 @@ PostCSS Media Minmax doesn't implement such syntax as `200px > = width` or `200p
117117

118118
### Shorthand
119119

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:
121121

122122
```css
123123
@media screen and (500px <= width <= 1200px) {
@@ -133,7 +133,7 @@ In Example 1, the same feature name is >= and <=, which will be abbreviated as t
133133
}
134134
```
135135

136-
Will get the same output results:
136+
Which will output:
137137

138138
```css
139139
@media screen and (min-width: 500px) and (max-width: 1200px) {
@@ -143,9 +143,9 @@ Will get the same output results:
143143
}
144144
```
145145

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.
147147

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.
149149

150150

151151
```css
@@ -156,9 +156,9 @@ E.g. in the example below, width is greater than or equal to 500px and is greate
156156
}
157157
```
158158

159-
### Media features name
159+
### Media feature names
160160

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.
162162

163163
* `width`
164164
* `height`
@@ -173,7 +173,7 @@ The following property supports the min-/max prefix in specification at present,
173173

174174

175175

176-
### Support for use in `@custom-media` & Node Watch
176+
### Using with `@custom-media` & Node Watch
177177

178178
```js
179179
var fs = require('fs')
@@ -275,10 +275,10 @@ gulp.watch('src/*.css', ['default']);
275275

276276
## Contributing
277277

278-
* Install the relevant dependent module.
279-
* Respect coding styleUse [EditorConfig](http://editorconfig.org/).
278+
* Install all the dependent modules.
279+
* Respect the coding style (Use [EditorConfig](http://editorconfig.org/)).
280280
* Add test cases in the [test](test) directory.
281-
* Run test.
281+
* Run the test cases.
282282

283283
```
284284
$ git clone https://github.com/postcss/postcss-media-minmaxs.git
@@ -289,11 +289,11 @@ $ npm test
289289

290290
## Acknowledgements
291291

292-
* Thank the author of PostCSS [Andrey Sitnik](https://github.com/ai) for giving us so simple and easy CSS syntax analysis tools.
292+
* Thank the author of PostCSS [Andrey Sitnik](https://github.com/ai) for giving us such simple and easy CSS syntax analysis tools.
293293

294-
* Thank [Tab Atkins Jr.](http://xanthir.com/contact/) for writing the specs of Media Queries Level 4.
294+
* Thank [Tab Atkins Jr.](http://xanthir.com/contact/) for writing the specs of Media Queries Level 4.
295295

296-
* Thank [ziyunfei](http://weibo.com/p/1005051708684567) for suggestion and help of this plugin.
296+
* Thank [ziyunfei](http://weibo.com/p/1005051708684567) for suggestions and help of this plugin.
297297

298298

299299
## [Changelog](CHANGELOG.md)

0 commit comments

Comments
 (0)