RunKit + 
Try any Node.js package right in your browser
This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including postcss-media-fn. Try it out:
/*
* Add your CSS code here.
* See https://github.com/jonathantneal/postcss-media-fn#features for more examples
*/
const css = `
h1 {
font-size: media(
16px,
(min-width: 600px) 20px,
(min-width: 1000px) 40px,
(min-width: 1400px) 60px
);
}
`;
/*
* Add your process configuration here; see
* http://api.postcss.org/global.html#processOptions for more details.
*/
const processOptions = {};
/*
* Process the CSS and log it to the console.
*/
require('postcss-media-fn').process(css, {}, processOptions).then(result => {
console.log(result.css);
});
- all documents on RunKit are public
require()any package directly from npm- use arrow functions, classes, template strings, and most of ES6
awaitany promise instead of using callbacks (example)- create your own embedded node.js snippets
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.