{"_id":"@affectionatedoor/preset-typography","_rev":"3-1b7fdca82c9ebd5f03db8b2bfd2b5e95","name":"@affectionatedoor/preset-typography","dist-tags":{"latest":"1.1.1"},"versions":{"1.0.0":{"name":"@affectionatedoor/preset-typography","version":"1.0.0","description":"A Theme UI preset that focuses on typography.","main":"src/index.js","license":"MIT","repository":{"type":"git","url":"git://github.com/MarkosKon/theme-playground.git"},"bugs":{"url":"https://github.com/MarkosKon/theme-playground/issues"},"homepage":"https://github.com/MarkosKon/theme-playground#readme","_id":"@affectionatedoor/preset-typography@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"affectionatedoor","email":"rtctt4aou@gmail.com"},"dist":{"integrity":"sha512-317V0Lxn+cTwJP/NrvGGYg6EgakK3imh6dcOOsE+GD5s1Wx7tWvJh3DNpX+4bKPDsO7Vh4+pAYMapQobU9dbBQ==","shasum":"cb2bb8fbd8414c29fe0e7797873dc9bfe90b12a8","tarball":"https://registry.npmjs.org/@affectionatedoor/preset-typography/-/preset-typography-1.0.0.tgz","fileCount":3,"unpackedSize":6613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHKqXCRA9TVsSAnZWagAA7rsP/1UI3ttCA4CNqeFrtiHN\nVg7cUtrYkRmp53edtYMVx2eIdveoMvTyZqsCoX+zH8wEl8JE2CDvwJf9KR2Q\n6dvloVqQxyj247P/SNzsvw8u+BuIZd7rC2I6PC7A4k5ArpGeItvNf62vILHk\n8noYyI+PtOeV6uw9luhxx+ICr2uJq8ooUwQ3OEBF9zPBRzrrPwjEbB8GtjNS\n7naRasow/P6gMLdPXwymmMO8m7GkIiw74pqiQriXufO611acITaHckDaRuAq\nK+0tx3ygCNBf2yb95G5MRALf9KnkI2nnYUUozdXaqyvMvfF/G1ZkMNn7VFq4\nwfQXNumKwp+cwoS7JEV18UiFyZy5VCbfe32fCtYdHNm0iyanm+5BZ/mQ2N1F\nYt0RiD0qlBHINLwXBj8PGpEI78MwmD8JdeILI6GAxecHz+GhTlisNrYohtoe\np4Hrx/frbHvui1maOvV3avYyCErD04+5SUkneYZtPPq16sHbGVqD8AEaiv2K\nTgJtnb9mtV1e1V8UD4er0fQFgpTVsV7u/980nevAouHibqn6yiR0W//ztvmC\nW36/B4jinBMtTvaoQGFQ2ZW0JLp34yxlVP3eYvjuM59LGpnvM5mm+HzYIrZp\nQdaESI20AkaimD5HesumXjnzJCzPFvUl4UCH1u5FuakNVUCjglC4lSbCzjt4\nZb8r\r\n=q0+8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDL0qGQrFjjATTfUicKFzObFb7L4E991qa0ISqcqxME2QIgTZM3CsYxnHxbpLxZ76+JPjif19pGXgSOaix35ynPTEs="}]},"maintainers":[{"name":"affectionatedoor","email":"rtctt4aou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/preset-typography_1.0.0_1578936983255_0.14306103355992272"},"_hasShrinkwrap":false},"1.1.0":{"name":"@affectionatedoor/preset-typography","version":"1.1.0","description":"A Theme UI preset that focuses on typography.","main":"src/index.js","license":"MIT","repository":{"type":"git","url":"git://github.com/MarkosKon/theme-playground.git"},"bugs":{"url":"https://github.com/MarkosKon/theme-playground/issues"},"homepage":"https://github.com/MarkosKon/theme-playground#readme","_id":"@affectionatedoor/preset-typography@1.1.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"affectionatedoor","email":"rtctt4aou@gmail.com"},"dist":{"integrity":"sha512-W1I60GFYlAs//eCG3zq9ETRUgvJuede0I7pdKcw3Yqbf1etAEgtySfjMRyanCEdQWgt1hVRbQTyZ3O0oa3bFxw==","shasum":"e294f381b879c08c077b63be8e8c09f64658dc20","tarball":"https://registry.npmjs.org/@affectionatedoor/preset-typography/-/preset-typography-1.1.0.tgz","fileCount":3,"unpackedSize":8366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHX3VCRA9TVsSAnZWagAAqj8P/iMYaxolp8YyGndFnINo\nOpmAm9B+y2Cu/5mu6RPR4yPhdBP9btz0E0aSMh3HLS1/v/CH1emCse6xb+xf\nrnF3HXCmLxsHRbg/VxLUyB5j7kbtx4jW4SLvYW8cv0OdttNfLmVOBC4SXXj6\nfknlZd4ZWXRVkel8PRoWApHeUwRzf9bwqJTlAeDSxiKx7Nc3sefI86In4Xhy\nd3G7Qdai3sjqd547sYkOINw9bm2sce6QfYy9dCx6J9oJvS5gmMEflxT5ZIXU\n3Rj1d5I700jTTARiiOC6w67WyjhNXytGNDjf1pTxVTJx0UavvmmQvBDxZC5S\nfkwC4COKOXspLzsCMiHIG3PigoEHT7se2Zn9jHwkZcdaSVD65BSFpcb6BSTE\nyUz2k/WoNgvXLV+azjsGX2qlvH+wp7hw0g3SrIV4Ww0SYelCT8vgQp8btmJg\nqpFILB21jICl5L9mWbpUi253DjBx3DisXxfg2ZEQyK+RxiXPiuEjIJzgNa45\nLxQqQcDSrdtrQqiC6KFJ991d6KarZtthTs2m6hpw54H+0vW7vNH53by8q7JV\nTShtf8nsxOcvd5vnGLBy1+OAS0e/7jDQ4pUWT0C2Y4YeZKyITbSzTx1LPR9W\nD2JwlajsCwbvYGyrGs5aVDCKxU41Y91c+1+0VyL+L/ueD4SVO7dyMPnwvPYn\n28BO\r\n=d2lu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEPpLlyZE7RPe2gSwTxjjd65+XsOTJ95LRGC9K8aZjfFAiEAppHPBkx1Qe5y9JN87lt9SRvtMA9xmRR9STR7yZ3zQSw="}]},"maintainers":[{"name":"affectionatedoor","email":"rtctt4aou@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/preset-typography_1.1.0_1578991061274_0.7919626708027576"},"_hasShrinkwrap":false},"1.1.1":{"name":"@affectionatedoor/preset-typography","version":"1.1.1","description":"A Theme UI preset that focuses on typography.","main":"src/index.js","license":"MIT","repository":{"type":"git","url":"git://github.com/MarkosKon/theme-playground.git","directory":"packages/preset-typography"},"bugs":{"url":"https://github.com/MarkosKon/theme-playground/issues"},"homepage":"https://github.com/MarkosKon/theme-playground#readme","_id":"@affectionatedoor/preset-typography@1.1.1","_nodeVersion":"12.16.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-hYOQPHYaDY2KiHPYjz5luJD6SI93LylWCqDw3IIic5S3hqvQ8dBALF4+EH8HjJ4ghF1HIdnt6kDvUEaf9bYQ8g==","shasum":"53381083021bf5900b180e67ecdc4c65b57789c6","tarball":"https://registry.npmjs.org/@affectionatedoor/preset-typography/-/preset-typography-1.1.1.tgz","fileCount":3,"unpackedSize":8448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeX4x/CRA9TVsSAnZWagAA9L8P/114hL/vDk46fYG05CJr\nqGuIBk4yRxs8XO4iqEutYBtI22lTBBQLF6Z9qyOT/h1ivjnK5oy6l9xlc5Qy\np+HVysB/KVcjyJp2ALnJvFXX4lkXHKGQrFtSdwPpBULdW5mLD6EB0rTL0/5L\nMO6mVVQoA/xhYNdchLOlPfc/iippuSbSiONvEu5ImA2kEMe12/P4Loi+E372\nPMsFwNMGyHvh4Zybscs1Y+P26sqWUHl0oERmYiSNwgq8mKFJ0CLd3o6P3z5l\ntniNgbrTOykn2mOMTWzITHZ/hRnovmM+SooyIMO9Kby1S9vXYJUs630XaMLL\n5TV5gwM4ErWUoqT3FV6yHw0m5HqzCNC33odHTDeDK2y/KI6f+8qJsqm1vUMh\nEFtG6Eg/Dv8Ezhhfx7ePsSyiypgiRYgo7zpAEginrteB1lvXdRGCpjHdCDXa\nRqtnNnXJDLs9ZT23dnFbVs0NVec9AHwtX9uUGgacUuQ+qBkqpIt33ldRAfq5\nuwvnlLUF7AXhNGk7ZOUusxxxtjYIpgKXYj+919Y49ujt5LzlRyOT9cOuYXLp\nCs7ruOMXtJdw1Hyv1bz7DQqUmVLqsJ46zl+06L5a3owBXLsZTY1W5dJNeo+K\nAAXx0ipE+QVryJM4towq56+MKCL0wR+rDq4kGbmT7YnS+TdvExps3xBjXRw8\nSNpH\r\n=bCiL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB2WcPFtBCD8BqdQIcEy06wMYSRIZsRlRIAVrXjOqC2lAiEAsRfgO93QSzTAvfZGkIdfsm+g6Xm2J3MvPAFrqJiBaUo="}]},"maintainers":[{"name":"affectionatedoor","email":"rtctt4aou@gmail.com"}],"_npmUser":{"name":"affectionatedoor","email":"rtctt4aou@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/preset-typography_1.1.1_1583320190506_0.12215925478784073"},"_hasShrinkwrap":false}},"time":{"created":"2020-01-13T17:36:23.226Z","1.0.0":"2020-01-13T17:36:23.461Z","modified":"2022-04-04T11:50:27.963Z","1.1.0":"2020-01-14T08:37:41.430Z","1.1.1":"2020-03-04T11:09:50.679Z"},"maintainers":[{"name":"affectionatedoor","email":"rtctt4aou@gmail.com"}],"description":"A Theme UI preset that focuses on typography.","homepage":"https://github.com/MarkosKon/theme-playground#readme","repository":{"type":"git","url":"git://github.com/MarkosKon/theme-playground.git","directory":"packages/preset-typography"},"bugs":{"url":"https://github.com/MarkosKon/theme-playground/issues"},"license":"MIT","readme":"A Theme UI preset that focuses on typography.\r\n\r\n## Install\r\n\r\n`yarn add @affectionatedoor/preset-typography`\r\n\r\nSee how to [get started with Theme UI](https://theme-ui.com/getting-started), and how to [use a preset](https://theme-ui.com/packages/presets). If you are building a Gatsby app, you can use the [Gatsby plugin](https://theme-ui.com/packages/gatsby-plugin).\r\n\r\n## Root element\r\n\r\nThe preset declares a `--rhythm` CSS custom property on the root element. As a result, don't forget to wrap your page with the `Styled.root` component:\r\n\r\n```jsx\r\n// src/pages/index.js\r\n/** @jsx jsx */\r\nimport { jsx, Styled } from \"theme-ui\";\r\n\r\nexport default () => (\r\n \r\n
\r\n {/* Content */}\r\n
\r\n \r\n);\r\n```\r\n\r\nBecause I'm using custom properties for spacing, this preset will not work on IE11.\r\n\r\n## Modifying the theme\r\n\r\nIf you want to change the font size or line height, use the root element. You should also update the typographic rhythm, which is the root element's `font-size` \\* `line-height`:\r\n\r\n```js\r\nimport baseTheme from \"@affectionatedoor/preset-typography\";\r\n\r\nexport default {\r\n ...baseTheme,\r\n fonts: {\r\n ...baseTheme.fonts,\r\n heading: \"'system-ui', sans-serif\",\r\n body: \"'system-ui', sans-serif\"\r\n },\r\n styles: {\r\n ...baseTheme.styles,\r\n root: {\r\n ...baseTheme.styles.root,\r\n fontSize: [\"16px\", \"18px\"],\r\n lineHeight: [1.4, 1.5],\r\n \"--rhythm\": [\"calc(1.4 * 16px)\", \"calc(1.5 * 18px)\"]\r\n }\r\n }\r\n};\r\n```\r\n\r\nThis is the [source code](https://github.com/MarkosKon/theme-playground/blob/master/packages/theme-ui/preset-typography/src/index.js) for the theme.\r\n\r\n## OpenType\r\n\r\nIf you want to quickly enable OpenType features for your font files, [use this package](https://github.com/MarkosKon/theme-playground/tree/master/packages/opentype).\r\n","readmeFilename":"README.md"}