{"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"keywords":["postcss","css","postcss-plugin","typography"],"dist-tags":{"latest":"0.5.1"},"author":{"name":"Sean King","email":"sean@simpla.io"},"description":"PostCSS plugin that adds responsive magic to font-size","readme":"# PostCSS Responsive Type\n[![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url]\n\n[PostCSS][PostCSS] plugin for automagical responsive typography. Adds a `responsive` property to `font-size`, `line-height` and `letter-spacing` that generates complex `calc` and `vw` based font sizes.\n\nInspired by [this post][post] from [@MikeRiethmuller][mike], and [Typographic][typographic].\n\nPart of [Rucksack - CSS Superpowers](http://simplaio.github.io/rucksack).\n\n![Responsive Type Demo][demo]\n\n##### Quick start:\n\n```css\nhtml {\n  font-size: responsive;\n}\n```\n\n##### Specify parameters:\n\nUnits can be in px, rem, or em. When using em units, be sure that the `font-range` is specified in em as well.\n\n```css\nhtml {\n  font-size: responsive 12px 21px; /* min-size, max-size */\n  font-range: 420px 1280px; /* viewport widths between which font-size is fluid */\n}\n```\n\n##### Expanded syntax:\n\n```css\nhtml {\n  font-size: responsive;\n  min-font-size: 12px;\n  max-font-size: 21px;\n  lower-font-range: 420px;\n  upper-font-range: 1280px;\n}\n```\n\n##### Responsive `line-height` and `letter-spacing`:\n\nPostCSS Responsive Type also allows you to set fluid sizes for the `line-height` and `letter-spacing` properties. They have the same syntax and work the same way as responsive font sizes.\n\n```css\nhtml {\n  line-height: responsive 1.2em 1.8em;\n  line-height-range: 420px 1280px;\n\n  /* or extended syntax: */\n  line-height: responsive;\n  min-line-height: 1.2em;\n  max-line-height: 1.8em;\n  lower-line-height-range: 420px;\n  upper-line-height-range: 1280px;\n}\n```\n\n```css\nhtml {\n  letter-spacing: responsive 0px 4px;\n  letter-spacing-range: 420px 1280px;\n\n  /* or extended syntax: */\n  letter-spacing: responsive;\n  min-letter-spacing: 0px;\n  max-letter-spacing: 4px;\n  lower-letter-spacing-range: 420px;\n  upper-letter-spacing-range: 1280px;\n}\n```\n\n**Note:** Unitless line heights are not supported.\n\n--\n\n### Defaults\nTo get started you only need to specify the `responsive` property, all other values have sane defaults.\n\n##### `font-size`\n\n- `min-font-size`: 14px\n\n- `max-font-size`: 21px\n\n- `lower-font-range`: 420px\n\n- `upper-font-range`: 1280px\n\n\n##### `line-height`\n\n- `min-line-height`: 1.2em\n\n- `max-line-height`: 1.8em\n\n- `lower-line-height-range`: 420px\n\n- `upper-line-height-range`: 1280px\n\n\n##### `letter-spacing`\n\n- `min-letter-spacing`: 0px\n\n- `max-letter-spacing`: 4px\n\n- `lower-letter-spacing-range`: 420px\n\n- `upper-letter-spacing-range`: 1280px\n\n--\n\n### Browser Support\n\n`postcss-responsive-type` just uses calc, vw units, and media queries behind the scenes, so it works on all modern browsers (IE9+). Although Opera Mini is not supported.\n\nLegacy browsers will ignore the output `responsive` font-size. You can easily provide a simple static fallback:\n\n```css\n.foo {\n  font-size: 16px;\n  font-size: responsive;\n}\n```\n\nAlternatively, if you feel the need to fully support legacy browsers or Opera Mini, there are polyfills that can help!\n\n- [respond][respond] for media query support.\n\n- [calc-polyfill][calc-polyfill] for `calc` support.\n\n- [vminpoly][vminpoly] for `vw` unit support.\n\n--\n\n### Usage\n\n```js\npostcss([ require('postcss-responsive-type')() ])\n```\n\nSee [PostCSS][PostCSS] docs for examples for your environment.\n\nYou can use `postcss-responsive-type` with Stylus through [PostStylus][poststylus].\n\n--\n\n### License\n\nMIT © [Sean King](https://twitter.com/seaneking)\n\n[npm-image]: https://badge.fury.io/js/postcss-responsive-type.svg\n[npm-url]: https://npmjs.org/package/postcss-responsive-type\n[travis-image]: https://travis-ci.org/seaneking/postcss-responsive-type.svg?branch=master\n[travis-url]: https://travis-ci.org/seaneking/postcss-responsive-type\n[daviddm-image]: https://david-dm.org/seaneking/postcss-responsive-type.svg?theme=shields.io\n[daviddm-url]: https://david-dm.org/seaneking/postcss-responsive-type\n[PostCSS]: https://github.com/postcss/postcss\n[demo]: /demo.gif?raw=true\n[typographic]: https://github.com/corysimmons/typographic\n[post]: http://madebymike.com.au/writing/precise-control-responsive-typography/\n[mike]: https://twitter.com/MikeRiethmuller\n[calc-polyfill]: https://github.com/closingtag/calc-polyfill\n[respond]: https://github.com/scottjehl/Respond\n[vminpoly]: https://github.com/saabi/vminpoly\n[poststylus]: https://github.com/seaneking/poststylus\n","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"users":{"prisme":true,"jmsherry":true,"bedriva-magnus":true,"areasis":true},"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"license":"MIT","versions":{"0.1.0":{"name":"postcss-responsive-type","version":"0.1.0","description":"PostCSS plugin that adds responsive magic to font-size","keywords":["postcss","css","postcss-plugin","typography"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"Sean King","email":"sean@simpla.io","url":"http://simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"homepage":"https://github.com/seaneking/postcss-responsive-type","dependencies":{"postcss":"^4.1.9"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"1b410126df68fe804db5e85d3c02ee471053a661","_id":"postcss-responsive-type@0.1.0","_shasum":"c9ef313a73bd44a08d7a6191ec5d0fc8d586a998","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"c9ef313a73bd44a08d7a6191ec5d0fc8d586a998","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/postcss-responsive-type/-/postcss-responsive-type-0.1.0.tgz"},"directories":{}},"0.1.1":{"name":"postcss-responsive-type","version":"0.1.1","description":"PostCSS plugin that adds responsive magic to font-size","keywords":["postcss","css","postcss-plugin","typography"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"homepage":"https://github.com/seaneking/postcss-responsive-type","dependencies":{"postcss":"^4.1.9"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"52103221e5a269e3492616e871f374e8f105961a","_id":"postcss-responsive-type@0.1.1","_shasum":"6fa5b36ea4011b5a78f022d86e8ef4f3e1424b1a","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"6fa5b36ea4011b5a78f022d86e8ef4f3e1424b1a","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/postcss-responsive-type/-/postcss-responsive-type-0.1.1.tgz"},"directories":{}},"0.2.0":{"name":"postcss-responsive-type","version":"0.2.0","description":"PostCSS plugin that adds responsive magic to font-size","keywords":["postcss","css","postcss-plugin","typography"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"homepage":"https://github.com/seaneking/postcss-responsive-type","dependencies":{"postcss":"^4.1.9"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"0129d2aff263f76bbad63894c8f719a4768a0faa","_id":"postcss-responsive-type@0.2.0","_shasum":"5f1aa93ec61944bce6d1658dc3aeaabb7ca6a5ba","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"5f1aa93ec61944bce6d1658dc3aeaabb7ca6a5ba","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/postcss-responsive-type/-/postcss-responsive-type-0.2.0.tgz"},"directories":{}},"0.2.1":{"name":"postcss-responsive-type","version":"0.2.1","description":"PostCSS plugin that adds responsive magic to font-size","keywords":["postcss","css","postcss-plugin","typography"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"homepage":"https://github.com/seaneking/postcss-responsive-type","dependencies":{"postcss":"^4.1.9"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"e722b20afa47e3fb07f90c911cca2fc7e1e0ac4e","_id":"postcss-responsive-type@0.2.1","_shasum":"34ce1798e0fa035635b3a39110aae70d6c6d333f","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"34ce1798e0fa035635b3a39110aae70d6c6d333f","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/postcss-responsive-type/-/postcss-responsive-type-0.2.1.tgz"},"directories":{}},"0.3.0":{"name":"postcss-responsive-type","version":"0.3.0","description":"PostCSS plugin that adds responsive magic to font-size","keywords":["postcss","css","postcss-plugin","typography"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"homepage":"https://github.com/seaneking/postcss-responsive-type","dependencies":{"postcss":"^5.0.0"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"268f19fe3ace5ad97aa2c5866b4f1c0dd71d1caa","_id":"postcss-responsive-type@0.3.0","_shasum":"67b11a3af253828afa7abec48aab8c52c0e85946","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"67b11a3af253828afa7abec48aab8c52c0e85946","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/postcss-responsive-type/-/postcss-responsive-type-0.3.0.tgz"},"directories":{}},"0.3.1":{"name":"postcss-responsive-type","version":"0.3.1","description":"PostCSS plugin that adds responsive magic to font-size","keywords":["postcss","css","postcss-plugin","typography"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"homepage":"https://github.com/seaneking/postcss-responsive-type","dependencies":{"postcss":"^5.0.0"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"690542824b23270ecdc3660d6d59e327ac23f517","_id":"postcss-responsive-type@0.3.1","_shasum":"20261dad2b19569e15924794665407c9956115dc","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"20261dad2b19569e15924794665407c9956115dc","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/postcss-responsive-type/-/postcss-responsive-type-0.3.1.tgz"},"directories":{}},"0.3.2":{"name":"postcss-responsive-type","version":"0.3.2","description":"PostCSS plugin that adds responsive magic to font-size","keywords":["postcss","css","postcss-plugin","typography"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"homepage":"https://github.com/seaneking/postcss-responsive-type","dependencies":{"postcss":"^5.0.0"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"19c04d705068d144a8e5b0d03f55a7b29580e927","_id":"postcss-responsive-type@0.3.2","_shasum":"4f4f5a100c1c8281f09ecbb13235af4f1551dfe1","_from":".","_npmVersion":"2.14.7","_nodeVersion":"4.2.1","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"4f4f5a100c1c8281f09ecbb13235af4f1551dfe1","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/postcss-responsive-type/-/postcss-responsive-type-0.3.2.tgz"},"directories":{}},"0.3.3":{"name":"postcss-responsive-type","version":"0.3.3","description":"PostCSS plugin that adds responsive magic to font-size","keywords":["postcss","css","postcss-plugin","typography"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"homepage":"https://github.com/seaneking/postcss-responsive-type","dependencies":{"postcss":"^5.0.0"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"f061ff4813a7d3f65da75390c62c3273fb60269e","_id":"postcss-responsive-type@0.3.3","_shasum":"5de6950a7e881317b0b388b5e707f6cec34093ea","_from":".","_npmVersion":"3.3.12","_nodeVersion":"5.5.0","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"5de6950a7e881317b0b388b5e707f6cec34093ea","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/postcss-responsive-type/-/postcss-responsive-type-0.3.3.tgz"},"_npmOperationalInternal":{"host":"packages-6-west.internal.npmjs.com","tmp":"tmp/postcss-responsive-type-0.3.3.tgz_1455773798963_0.16310696094296873"},"directories":{}},"0.4.0":{"name":"postcss-responsive-type","version":"0.4.0","description":"PostCSS plugin that adds responsive magic to font-size","keywords":["postcss","css","postcss-plugin","typography"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"homepage":"https://github.com/seaneking/postcss-responsive-type","dependencies":{"postcss":"^5.0.0"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"d100d0f5a07839b855cbcc9c0477c565258896f7","_id":"postcss-responsive-type@0.4.0","_shasum":"5ea43b82b5dddd702555e18dc230eec961d44d1a","_from":".","_npmVersion":"3.3.12","_nodeVersion":"5.5.0","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"5ea43b82b5dddd702555e18dc230eec961d44d1a","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/postcss-responsive-type/-/postcss-responsive-type-0.4.0.tgz"},"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/postcss-responsive-type-0.4.0.tgz_1466122258229_0.8220363520085812"},"directories":{}},"0.5.0":{"name":"postcss-responsive-type","version":"0.5.0","description":"PostCSS plugin that adds responsive magic to font-size","keywords":["postcss","css","postcss-plugin","typography"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"homepage":"https://github.com/seaneking/postcss-responsive-type","dependencies":{"postcss":"^5.0.0"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"6e8211279649d05aba87891c325baa6305786eae","_id":"postcss-responsive-type@0.5.0","_shasum":"ad24006ea69127cf81831663ac8958b5a911bf11","_from":".","_npmVersion":"3.10.3","_nodeVersion":"6.7.0","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"ad24006ea69127cf81831663ac8958b5a911bf11","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/postcss-responsive-type/-/postcss-responsive-type-0.5.0.tgz"},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/postcss-responsive-type-0.5.0.tgz_1480073088445_0.30109986010938883"},"directories":{}},"0.5.1":{"name":"postcss-responsive-type","version":"0.5.1","description":"PostCSS plugin that adds responsive magic to font-size","keywords":["postcss","css","postcss-plugin","typography"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-responsive-type.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-responsive-type/issues"},"homepage":"https://github.com/seaneking/postcss-responsive-type","dependencies":{"postcss":"^5.0.0"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"4875f3fdd5f89315bb973ebd5e505d757577e823","_id":"postcss-responsive-type@0.5.1","_shasum":"274133bc046359e542a58bbc621847d040fd10e6","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"274133bc046359e542a58bbc621847d040fd10e6","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/postcss-responsive-type/-/postcss-responsive-type-0.5.1.tgz"},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/postcss-responsive-type-0.5.1.tgz_1486955335145_0.48305846052244306"},"directories":{}}},"name":"postcss-responsive-type","time":{"modified":"2017-04-23T14:39:26.846Z","created":"2015-07-26T03:49:51.829Z","0.1.0":"2015-07-26T03:49:51.829Z","0.1.1":"2015-07-26T05:09:34.443Z","0.2.0":"2015-08-21T11:35:53.163Z","0.2.1":"2015-08-27T02:58:53.655Z","0.3.0":"2015-09-06T06:18:45.658Z","0.3.1":"2015-09-15T03:48:24.738Z","0.3.2":"2015-12-05T12:14:00.293Z","0.3.3":"2016-02-18T05:36:41.282Z","0.4.0":"2016-06-17T00:11:00.645Z","0.5.0":"2016-11-25T11:24:48.669Z","0.5.1":"2017-02-13T03:08:57.021Z"},"readmeFilename":"README.md","homepage":"https://github.com/seaneking/postcss-responsive-type"}