{"_id":"css-initials","_rev":"6-78079124cd899e6edf30da5aa1d13667","name":"css-initials","description":"Initial CSS values for `all: initial` polyfills.","dist-tags":{"latest":"0.3.1"},"versions":{"0.1.0":{"name":"css-initials","version":"0.1.0","description":"Initial CSS values for `all: initial` polyfills.","main":"index.js","scripts":{"start":"chokidar build.js -c 'node ./bin/build' --initial","build":"node ./bin/build","test":"echo \"Error: no test specified\" && exit 1"},"keywords":["CSS","initial","values","all: initial"],"author":"","license":"ISC","devDependencies":{"ramda":"^0.23.0","chokidar-cli":"^1.2.0","mdn-data":"^1.0.0"},"gitHead":"fa0586e4c3b5ff068b21d3f48a1624b85ddef624","_id":"css-initials@0.1.0","_npmVersion":"5.3.0","_nodeVersion":"7.10.1","_npmUser":{"name":"kof","email":"oleg008@gmail.com"},"dist":{"integrity":"sha512-kMzqIcsgd7SwfT8R743fz2fPw7yP1MfNTZDhddiG9zVrxcHv250FYDExQ4gYWC2eJjUm/rVuQTdLo/617cQjIg==","shasum":"7267f5caaa7c67a62bef4bdb18082b8dce21377b","tarball":"https://registry.npmjs.org/css-initials/-/css-initials-0.1.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEssGdriMPXQkCqY/2Fz8ziD/pZ8VeMKQFekcS3X0jDRAiEAwepsm/7n6jEt++DX46L3P9k+b+rghgKWFAuMv06sznA="}]},"maintainers":[{"name":"kof","email":"oleg008@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/css-initials-0.1.0.tgz_1503651137228_0.37910614837892354"},"directories":{}},"0.1.1":{"name":"css-initials","version":"0.1.1","description":"Initial CSS values for `all: initial` polyfills.","main":"index.js","scripts":{"start":"chokidar build.js -c 'node ./bin/build' --initial","build":"node ./bin/build","test":"echo \"Error: no test specified\" && exit 1"},"keywords":["CSS","initial","values","all: initial"],"author":"","license":"ISC","devDependencies":{"ramda":"^0.23.0","chokidar-cli":"^1.2.0","mdn-data":"^1.0.0"},"repository":{"type":"git","url":"git+ssh://git@github.com/iamstarkov/initize.git"},"gitHead":"7eb1fcf721645bbc02f4b3bcba45de3856859bd4","bugs":{"url":"https://github.com/iamstarkov/initize/issues"},"homepage":"https://github.com/iamstarkov/initize#readme","_id":"css-initials@0.1.1","_npmVersion":"5.3.0","_nodeVersion":"7.10.1","_npmUser":{"name":"kof","email":"oleg008@gmail.com"},"dist":{"integrity":"sha512-rB50Inz4hyZXlPH46s10/pWm0hF2r1NVt6Dwlg/KlTnVOT48h/CPY/ADnWVETfaEeUzhvX94ORz2DPZY579ztQ==","shasum":"cc6dcdb70dc6038c6cf494dd4980f001b824a4ab","tarball":"https://registry.npmjs.org/css-initials/-/css-initials-0.1.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBufwPTauqtIvn2gmily+9R/KKu6O6j1mxDL7tk15AGkAiEA+WNTedVjNtX468V1afNz2xyiljPis7Ya8yarEOHuvzI="}]},"maintainers":[{"name":"iamstarkov","email":"iamstarkov@gmail.com"},{"name":"kof","email":"oleg008@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/css-initials-0.1.1.tgz_1503652707387_0.39871410140767694"},"directories":{}},"0.2.0":{"name":"css-initials","version":"0.2.0","description":"Initial CSS values for `all: initial` polyfills.","main":"index.js","scripts":{"start":"chokidar build.js -c 'node ./bin/build' --initial","build":"node ./bin/build","test":"echo \"Error: no test specified\" && exit 1","prepublishOnly":"npm run build"},"keywords":["CSS","initial","values","all: initial"],"author":"","license":"ISC","devDependencies":{"chokidar-cli":"^1.2.0","mdn-data":"^1.0.0","ramda":"^0.23.0"},"repository":{"type":"git","url":"git+ssh://git@github.com/iamstarkov/initize.git"},"gitHead":"34ff604d9dbcd6925c6a346860e1b435b87a181a","bugs":{"url":"https://github.com/iamstarkov/initize/issues"},"homepage":"https://github.com/iamstarkov/initize#readme","_id":"css-initials@0.2.0","_npmVersion":"5.4.2","_nodeVersion":"7.10.1","_npmUser":{"name":"kof","email":"oleg008@gmail.com"},"dist":{"integrity":"sha512-t80yjg0pi4VAIc5itIqLh6M+ZlA+cB+gUXEQkDR09+ExTDwLMGfJ8YviBsGW+DklIrb2k9fwB75Io8ooWXDxxw==","shasum":"14c225bd8656255a6baee07231ef82fa55aacaa3","tarball":"https://registry.npmjs.org/css-initials/-/css-initials-0.2.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHTrEo4zyPraXEGm9Gg5iqDpelDmwlZHOtIENpn+eghlAiALYH/OJRjZVDwomskRBB8aqasuDEaT/vstgDiITiVsgQ=="}]},"maintainers":[{"name":"iamstarkov","email":"iamstarkov@gmail.com"},{"name":"kof","email":"oleg008@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/css-initials-0.2.0.tgz_1514380180727_0.5639239102602005"},"directories":{}},"0.3.0":{"name":"css-initials","version":"0.3.0","description":"Initial CSS values for `all: initial` polyfills.","main":"dist/all.cjs.js","module":"dist/all.esm.js","scripts":{"start":"chokidar build.js -c 'node ./bin/build' --initial","build":"node ./bin/build","test":"echo \"Error: no test specified\" && exit 1","prepublishOnly":"yarn build"},"keywords":["CSS","initial","values","all: initial"],"author":"","license":"ISC","devDependencies":{"chokidar-cli":"^1.2.0","make-dir":"^2.0.0","mdn-data":"^1.0.0","ramda":"^0.23.0"},"repository":{"type":"git","url":"git+ssh://git@github.com/iamstarkov/initize.git"},"gitHead":"2b6c236cfdf7f1017d426d66ff24eea938266ed1","bugs":{"url":"https://github.com/iamstarkov/initize/issues"},"homepage":"https://github.com/iamstarkov/initize#readme","_id":"css-initials@0.3.0","_npmVersion":"6.4.1","_nodeVersion":"8.15.0","_npmUser":{"name":"trysound","email":"trysound@yandex.ru"},"dist":{"integrity":"sha512-EaZ8DPNVe+qCn37NHMfDC0Vcsukq4aqPtoHieVf2XJlxhd238865Y9EpxtlRjQBK0WPxvd/fS6ZtU2moP/wMWw==","shasum":"d8ece4f062414083d1d6407b647274f654a20595","tarball":"https://registry.npmjs.org/css-initials/-/css-initials-0.3.0.tgz","fileCount":12,"unpackedSize":81637,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcWpryCRA9TVsSAnZWagAADOoP/1GHztl7FdoqT/WNCgK6\n7dm+zHDm+IpO7bhew2PSIkBvOv3yzpckdBVvmuXyewvQxPwXV02VnkrjNCBx\n7fCtLBjk8Vr7+9Zv/apMrB8vhnU58Bp5x9rpY1g6/7H7xT3CIxm0cimo2DK1\nhHI6wKp2DrCTPVjHy31PJBalK62evTaApjhKNSdN7cm2r9ceRPOC0IFnIWzI\nig/y6q4KVZUiQv8d77XZehsiSEOB0/hmIDjNNlUaMPikEfYWOch2IE1L208k\nePtzllJxMVmcLkquc7yNF170qHr4txGwdCQcoO3zykLsIqr5+BibKnSMkX3S\nHj3QsmpXFv4KjvfAvHtPttK0in/NKTbpIi8o7bdk+3P3rKT3vEuVvgxGEYgr\nzaod5FzhhCNCP7yoeDFGLKh+/Yj1af+WR8IvhDMnnN0tf1VQurbTD0twRyrv\nO3+3laLFGDIxNLtjcIckT+3LK7FmxFOOfWVPleI94IyR3Ra6ypOjWQ4HTrda\n+O1CbS+f6PHBZuhvmlU4siCNyAOO15p47V1sjws6FF5P2euGvRMKoyKoAtHX\nlU7bVv9HMF1eeADVyiLdNcK9w2vwFhfzS2BoraVyIfc6TEPgc5R0wSQq/vw+\nj8Ovk53p9w7sb0neCrL9fTvnMyFR+I5hWLrX8fQlU3YyfPXICpv7bPVMyojt\nCj5Y\r\n=U2fD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICrtKWhLjGBdpdJHDi7fMd3V5pL5/8eFzW2AKwcLI9htAiEAx7McnKSjbaF8JYYsE5vTDjMOtEpxkAG5c4nCMKYh5CA="}]},"maintainers":[{"name":"iamstarkov","email":"iamstarkov@gmail.com"},{"name":"kof","email":"oleg008@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/css-initials_0.3.0_1549441778077_0.686632454671704"},"_hasShrinkwrap":false},"0.3.1":{"name":"css-initials","version":"0.3.1","description":"Initial CSS values for `all: initial` polyfills.","main":"dist/all.cjs.js","module":"dist/all.esm.js","scripts":{"start":"chokidar build.js -c 'node ./bin/build' --initial","build":"node ./bin/build","test":"echo \"Error: no test specified\" && exit 1","prepublishOnly":"yarn build"},"keywords":["CSS","initial","values","all: initial"],"author":{},"license":"ISC","devDependencies":{"chokidar-cli":"^1.2.0","make-dir":"^2.0.0","mdn-data":"^1.0.0","ramda":"^0.23.0"},"repository":{"type":"git","url":"git@github.com:iamstarkov/initize.git"},"_id":"css-initials@0.3.1","dist":{"shasum":"0406d78e586fd12b9984a3f7d8a87fcbb2073208","integrity":"sha512-fkshKv9vV8AmcxkAWVQ9DmEAKiqe09GHdnFaXecp0NIfsGnXIHVJAHfsxdRy9KXV0/KiWdjBqrCYto2fYIO4xQ==","tarball":"https://registry.npmjs.org/css-initials/-/css-initials-0.3.1.tgz","fileCount":15,"unpackedSize":33189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcYInyCRA9TVsSAnZWagAAbYwP/iv9M0Qk2gQqj1GTlMnB\nRNOWlbu4YoISBvYdNdRb8p4Oxbd0qe8EIgV74y5IMFkYGEIKtTL6mC3ZJwyz\nHGDwUca8AXECDznITCmLXBQ9nDDRLqdrxhwK+kaB/CQRJifzu0KoWa1gY9Kd\n0ls9Kd65s2d1LPVqEpIVZKvR0g0IzCzCnxKR2KALHzvkCRNS4ywmVv1iUWcM\nyIYK3EgVKAamaEWcQZTfhXpkRNLRV+fP1CgrjCw2mW7TgfoPQDPfJVJieh17\npl+SbmY3M507VpgZ01KqSePv0rcO6l2xLexdf3V4wP/GBrIbKhmMcdt5sWXP\n5WLJFwXwlf+BNbqsFurUrEAc9ryJYP4iyWvKH/uw5LXbTr7pc2v/g6aNzFcJ\n/jwAj2jDANwyIVJaK4ArA1qLGjHPtJN/HtMbj7kfpjAlIb50jWSKO3GNKDcV\nbBnCoZwafoGdM0cYZwdHLoZEaXZubfj0ZWpjmfh+Q4bdjNc/lvQ/NDvdPG1H\nAMb2kiJ9/37q8k/Bz7KKQ4xdkYpmN7gQlZWbq3xZt3DEIsAIEt3Du/Hlqrzs\nM+LPSbZXCZfVgeIl8U1inHeWYNgRqLr/HJya+whZoVYIkzrfADofrku3Pie4\nVPICXRf/cMQtNfkZjbrQ/0rrC/hZXXu/+wSDWlnj8IFv0phWIK2wydDwF+go\nqtYq\r\n=LM/M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDKyjhbouQ3TJKRQ0WcpBpoc9DxOrwjj8oIHrWepVFCNAiEAtiKjjemq9gPSJmPEUbD3B7R9utRhwrgkheEY/grZ4vU="}]},"maintainers":[{"name":"iamstarkov","email":"iamstarkov@gmail.com"},{"name":"kof","email":"oleg008@gmail.com"}],"_npmUser":{"name":"trysound","email":"trysound@yandex.ru"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/css-initials_0.3.1_1549830641876_0.4574175771197533"},"_hasShrinkwrap":false}},"readme":"# css-initials\n\nInitial CSS values for `all: initial` polyfills.\n\n## Table of Contents\n\n* [Usage](#usage)\n  * [vanilla css](#vanilla-css)\n  * [css-modules](#css-modules)\n  * [jss](#jss)\n  * [styled-components](#styled-components)\n* [FAQ](#faq)\n\n## Usage\n\n### Vanilla css\n\nImport `all.css` or `inherited.css` file and add the class `initials-all` or `initials-inherited` to an element you want to have initial values.\n\n```css\n/**\n * On the very top of your ./styles/main.css\n */\n @import './css/css-initials.css';\n\n/*\n * Those properties depend on a browser and user settings. You can reset them manually\n * if you want them to behave consistently.\n */\n.initials-all {\n  font-family: Arial, \"sans-serif\";\n  text-align: left;\n  quotes: \"“\" \"”\" \"‘\" \"’\";\n  color: black;\n  outline-color: black;\n}\n\n/* user styles here */\n\n.button {\n  /* …more user styles here…*/\n}\n```\n\nIn HTML, just add css-initials class in the start\n\n```html\n<button class=\"initials-all button\">Submit</button>\n```\n\n### css-modules\n\n```css\n/**\n * Once in your project, specify your\n * ./src/components/app-css-initials/index.css\n */\n.app-css-initials {\n  composes: css-initials from 'css-initials/index.css';\n\n  font-family: Arial, \"sans-serif\";\n  text-align: left;\n  quotes: \"“\" \"”\" \"‘\" \"’\";\n  color: black;\n  outline-color: black;\n}\n\n/**\n *  Anywhere after in your components\n *  ./src/components/button/index.css\n */\n.button {\n  composes: app-css-initials from './app-css-initials.css';\n  /* …more user styles here…*/\n}\n\n```\n\n### css-in-js\n\n#### JSS\n\n```js\nimport cssInitials from 'css-initials';\nimport jss from 'jss';\nimport preset from 'jss-preset-default';\n\njss.setup(preset());\n\nconst myCssInitials = Object.assign({}, cssInitials, {\n  fontFamily: 'Arial, sans-serif',\n  textAlign: 'left',\n  quotes: '\"“\" \"”\" \"‘\" \"’\"',\n  color: 'black',\n  outlineColor: 'black',\n});\n\nconst sheet = jss.createStyleSheet({ initials: myCssInitials }).attach();\n\nconst {classes} = jss.createStyleSheet({\n  button: {\n    composes: sheet.classes.initials,\n    background: 'blue',\n  }\n}).attach();\n\ndocument.body.innerHTML = `\n  <button class=\"${classes.button}\">Button</button>\n`;\n\n```\n#### styled-components\n\n```js\n// Once in your project, specify your\n// ./src/components/app-css-initials/index.js\nimport cssInitials from 'css-initials';\n\nconst toCSS = obj => Object.keys(obj).map(key => `${key}: ${obj[key]};`).join('\\n');\n\nexport default `\n  ${toCSS(cssInitials)}\n  font-family: Arial, 'sans-serif';\n  text-align: left;\n  quotes: \"“\" \"”\" \"‘\" \"’\";\n  color: black;\n  outline-color: black;\n`;\n\n// Anywhere after in your components\n// ./src/components/button/index.js\nimport React from 'react';\nimport styled from 'styled-components';\nimport initials from '../app-css-initials';\n\nconst Button = styled.button`\n  ${initials}\n  display: inline-block;\n  border-radius: 5px;\n  /* …more styles here…*/\n`;\n\nexport default Button;\n```\n\n## FAQ\n\n—**What is wrong with the usual `all: initial`?**  \n—It's [not supported in IE, Edge, Mobile android][IEEDGE].\n\n—**What do you mean by cross-browser?**  \n—I took all properties and combined 'em with their initial values, so it works in every browser, because its essentially `all: initial`, but expanded.\n\n—**What do you mean by thoughtful?**  \n—There are several caveats about `all: initial` as it is now, and I have built this package with those caveats in mind.\n\n—**What are the caveats?**  \n— 1) Initial values of `font-family`, `quotes` and `color` depend on the browser  \n— 2) 14 properties depend on `currentColor`, which is a reference to the `color` property, which varies from browser to browser (hence prev point), and these properties are: `-webkit-border-before-color`, `-webkit-text-fill-color`, `-webkit-text-stroke-color`, `border-block-end-color`, `border-block-start-color`, `border-bottom-color`, `border-inline-end-color`, `border-inline-start-color`, `border-left-color`, `border-right-color`, `border-top-color`, `column-rule-color`, `text-decoration-color`, `text-emphasis-color`.  \n— 3) Initial value of `outline-color` is either `invert` if the browser supports it, or `currentColor` otherwise.\n\n—**Is this all?**  \n—It depends. If you want military grade CSS cascade defense, then no, otherwise hold on. Thing is that according to the spec, `all: initial` doesn't apply initial values to `unicode-bidi` and `direction`.\n\n—**I've never heard of `unicode-bidi`.**  \n—To be honest, me neither. It is quite complicated and I don't know why one would need it. But as long as this property is not inherited it's safe to leave it untouched.\n\n—**What's up with `direction`?**  \n—Good question. Firstly, `direction` deals with the `ltr/rtl` problem. Secondly, it is inheritable, so it will definitely affect your components. It can have a negative impact on your components' isolation, so it also doesn't make sense to allow your components to inherit `direction` from the outside world. Your components should be optimised for `ltr` anyway, and `direction: rtl` wont make 'em automatically look good in arabic or hebrew. To fix `ltr/rtl` problem properly you would need a solution like [rtlcss][], because you not only want to change direction, but you want to adjust `text-align`, `margin`, `padding`, `border-width`, etc.\n\n—**Is this all?**  \n—yes, thanks for your attention.\n\n[IEEDGE]: http://caniuse.com/#feat=css-all\n[rtlcss]: https://github.com/MohammadYounes/rtlcss\n","maintainers":[{"name":"iamstarkov","email":"iamstarkov@gmail.com"},{"name":"kof","email":"oleg008@gmail.com"}],"time":{"modified":"2022-04-27T23:37:31.343Z","created":"2017-08-25T08:52:18.292Z","0.1.0":"2017-08-25T08:52:18.292Z","0.1.1":"2017-08-25T09:18:28.295Z","0.2.0":"2017-12-27T13:09:41.673Z","0.3.0":"2019-02-06T08:29:38.205Z","0.3.1":"2019-02-10T20:30:42.001Z"},"keywords":["CSS","initial","values","all: initial"],"license":"ISC","readmeFilename":"README.md","repository":{"type":"git","url":"git@github.com:iamstarkov/initize.git"},"author":{}}