2.0.9 • Published 5 months ago

@csstools/postcss-media-minmax v2.0.9

Weekly downloads
-
License
MIT
Repository
github
Last release
5 months ago

PostCSS Media MinMax

npm install @csstools/postcss-media-minmax --save-dev

PostCSS Media MinMax lets you use the range notation in media queries following the Media Queries 4 Specification.

@media screen and (width >=500px) and (width <=1200px) {
	.bar {
		display: block;
	}
}

/* becomes */

@media screen and (min-width:500px) and (max-width:1200px) {
	.bar {
		display: block;
	}
}

Usage

Add PostCSS Media MinMax to your project:

npm install postcss @csstools/postcss-media-minmax --save-dev

Use it as a PostCSS plugin:

const postcss = require('postcss');
const postcssMediaMinMax = require('@csstools/postcss-media-minmax');

postcss([
	postcssMediaMinMax(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);

See prior work by yisibl here postcss-media-minmax To ensure long term maintenance and to provide the needed features this plugin was recreated based on yisibl's work.

2.0.5

11 months ago

2.0.7

8 months ago

2.0.6

10 months ago

2.0.9

5 months ago

2.0.8

6 months ago

2.0.4

12 months ago

2.0.3

12 months ago

2.0.2

1 year ago

1.1.8

1 year ago

1.1.7

1 year ago

2.0.1

1 year ago

2.0.0

1 year ago

1.1.6

1 year ago

1.1.5

1 year ago

1.1.4

2 years ago

1.1.3

2 years ago

1.1.2

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago