postcss-media-minmax
postcss-media-minmax copied to clipboard
Writing simple and graceful Media Queries!
@miragecraft [posted on Twitter](https://twitter.com/XiaoZhuoJia/status/1673100334531526659) the following discovery: ```css @media (width < 640px) { /* styles */ } /* is the same as */ @media (max-width: 640px) { @media not (width:...
Bumps [postcss](https://github.com/postcss/postcss) from 8.4.5 to 8.4.31. Release notes Sourced from postcss's releases. 8.4.31 Fixed \r parsing to fix CVE-2023-44270. 8.4.30 Improved source map performance (by @romainmenke). 8.4.29 Fixed Node#source.offset (by...
The following transformation works as expected: ```css @media (width >= 500px) {} /* becomes: */ @media (min-width: 500px) {} ``` However, I just noticed, that the following does *not* work:...
This is exactly the same as : https://github.com/postcss/postcss-media-minmax/pull/44 But it changes as little as possible. ------- see : - https://github.com/postcss/postcss-media-minmax/issues/42 - https://github.com/csstools/postcss-plugins/tree/postcss-preset-env--v8/packages/media-query-list-parser#readme summary : - travis -> github workflow -...
see : - https://github.com/postcss/postcss-media-minmax/issues/42 - https://github.com/csstools/postcss-plugins/tree/postcss-preset-env--v8/packages/media-query-list-parser#readme summary : - travis -> github workflow - node 10 -> node 14 - javascript -> typescript - regexp -> media-query-list-parser Our media query...
Bumps [minimatch](https://github.com/isaacs/minimatch) from 3.0.4 to 3.1.2. Commits 699c459 3.1.2 2f2b5ff fix: trim pattern 25d7c0d 3.1.1 55dda29 fix: treat nocase:true as always having magic 5e1fb8d 3.1.0 f8145c5 Add 'allowWindowsEscape' option 570e8b1...
As more and more browsers support range syntax, the syntax of `@media` becomes complex and the current regular expression substitution pattern will become difficult to maintain. For example, the following...
I'm [testing this plugin on Codepen](https://codepen.io/simevidas/pen/zdoooz?editors=0100). (Click on the icon in the top right corner of the CSS panel, and then click "View compiled CSS.") Source: ```css @media (40em
According to the Bootstrap developers, using .02px rather than .01px should be sufficient to work around the Safari rounding bug. Fixes #19.
```css @media (width > calc(1px + 1rem)) { body { background-color: green; } } ``` https://chromium-review.googlesource.com/c/chromium/src/+/3683420