{"_id":"@anny.co/tailwindcss-presets","_rev":"4-8d091bc45ffc50330a460bb8a6ca9d93","name":"@anny.co/tailwindcss-presets","dist-tags":{"latest":"2.4.4"},"versions":{"2.4.2":{"name":"@anny.co/tailwindcss-presets","version":"2.4.2","author":{"url":"https://anny.co","name":"Alexander Bartolomey","email":"alexander.bartolomey@anny.co"},"license":"MIT","_id":"@anny.co/tailwindcss-presets@2.4.2","maintainers":[{"name":"lucianholt","email":"lucian.holtwiesche@booking-buddy.de"},{"name":"fibis","email":"adriaan@windfactory.net"},{"name":"zoomoid","email":"occloxium@gmail.com"}],"dist":{"shasum":"79755e520a79066a6d5c76b163058105c88b6537","tarball":"https://registry.npmjs.org/@anny.co/tailwindcss-presets/-/tailwindcss-presets-2.4.2.tgz","fileCount":7,"integrity":"sha512-HEouCI3JdroPkBSRPPXF6aRFNruVOYXmT7idI8hsr+lNSMhgD5iyHtI2G6ZKItiZcaxki4JB8WFjY6M06j/s8A==","signatures":[{"sig":"MEUCIER15e8fdoAsPnNTz3WUG+rMkTTVls05vs0Me6gVfA2yAiEAoXG4U1zOF8Ml5mNCfxYe56MTrTM9G2T1SVPeyRaQmhI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ4qbCRA9TVsSAnZWagAAtTYP/0jWiU1pMCO7mWt32x3Z\noHq+Xp+zR8Be+1TiV+E0CDI/36rYbDB7CI4aibKVWXWv31l2Oo2spDzGutP8\netBq0zNY2yQ5j7Tf2euGmvKwpCmImSBYvgeJm0rC87SiOSSugeEKB9RhxSN8\nnIObLzWc3unl89UuohdKEBa3wg6rRDJHygf6fMYpX0C8E79ktERlZJX0nQcJ\nFhr6LTZThigOnRIMuygFaNVD/FjCVXKSiRgxxb99CLLFv2qmhA7HtJXfoySW\ngY23B/ziBHRGn+EJgQA48qPGVUnQtgdQsjlzTKwfaMqIEMReAJq2DnEAzrK4\nLOu1qaYjmCh8k7bGMqcdKp77nNsKrZPcL7quWJ1ZfWxoBOm0EbBhvdxnM+AY\n011/8Qf+pFXQn/N3I50sqVFFIgTcjYHCuRrVA6zBK8e+3D6J9jwmf6LSV0tp\nPrt7TRxY9GwAs48SXoiM3YQIl5GYAkI39t2UJIWbZiuDwaTStfVQD1HJaCmK\n6Kcqy41tLUZwrtiDqYBj95mXb3hCDhhmyqg/9BaQDg+qEEifTe8amZJFkHp2\nl7w12qBbhFsNs3IApyu25LjY7znGcdBoXQEPHLDYJFACZ3hhy3VvlLgVdwRn\nwuHedVjtd+9z1suRO/uEU14vTRxwdzrqRMMYEFa/2ZqByzt67FzF+DRh4Eb9\n5RbI\r\n=+kAe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","private":false,"_npmUser":{"name":"zoomoid","email":"occloxium@gmail.com"},"repository":{"url":"git@github.com:anny-co/tailwindcss-presets.git","type":"git"},"description":"NodeJS package for bundling and versioning tailwindcss config files.","directories":{},"dependencies":{"color":"^4.0.1","tailwindcss":"^2.2.2"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.29.0","postcss":"^8.3.5","autoprefixer":"^10.2.6"},"peerDependencies":{"tailwindcss":"^2.2.2"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-presets_2.4.2_1629981339164_0.8153258552536831","host":"s3://npm-registry-packages"}},"2.4.3":{"name":"@anny.co/tailwindcss-presets","version":"2.4.3","author":{"url":"https://anny.co","name":"Alexander Bartolomey","email":"alexander.bartolomey@anny.co"},"license":"MIT","_id":"@anny.co/tailwindcss-presets@2.4.3","maintainers":[{"name":"lucianholt","email":"lucian.holtwiesche@booking-buddy.de"},{"name":"fibis","email":"adriaan@windfactory.net"},{"name":"zoomoid","email":"occloxium@gmail.com"}],"bugs":{"url":"git@github.com:anny-co/tailwindcss-presets.git","email":"alexander.bartolomey@anny.co"},"dist":{"shasum":"3bcdb24e08299ed2a12ab9e03f6f8d01e93fb402","tarball":"https://registry.npmjs.org/@anny.co/tailwindcss-presets/-/tailwindcss-presets-2.4.3.tgz","fileCount":8,"integrity":"sha512-gCwEwpEu/KPYlfdYoVnrhfCX/zuYwoMBCoTyZEqYID8DlzOhajj0QHISWqGWRfWaU+93MxPonDSvq10tLYQYbQ==","signatures":[{"sig":"MEUCIQCgWqnSZVu1ziswTpL3zUevSlgMQjUgFNX96DWHRDX9jAIgb8nJVEIu0FkfOxUue578TUHwP2NZsiJkY3oqHIntNEk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJ5CBCRA9TVsSAnZWagAAPakP/3aUx+z5zv1DZ1KPL73Y\nyCnfvzR4mFUnvzVAWrZXMdnOYd4nVBC31I+lfgdXAtMG0C06RSpUZXsCfD3W\nGqJlmBtFDq8jFMHcrNNzFDgmUCwrrkv8zdHOMvMLzy7C/8f9lqNaPefn35Sg\ncJm7rW30Z5/ROwpLgdLfC6b/KWgwe/g6foPtyC3ffFdhTksnnat5zecjaijM\n0q27ApCuHEn6IL+WQtBTRZ3e4nMoCoPiiUFQ7y65fb/y2Fww/VRE7D8U5ouC\nwZva3xwQ7mWoCIH+6bAy84Ysst/SEWSQcfTOvAS8EggsEBxG/5pNXR/9JzgE\npy2mswky9dsVSs/rFIHi33HsvAIJyEx8vT8glq1EXGgAMASY4+9XvQg8iIDf\nNnu9X2ZGthw3CxrL10/0bTtDl4H7rlkI16fDwufpoGegWsWhMCsVZaO6cAv6\ng//2LAW6HbZU0z51S2HjfL553wBb5Hi7DlIKaTKt6vUNdsXWJRZynw9D+HPB\nbnWpeAJf+XlYzxvmBTVT1K2UxiMNMtqgDXT4qtwZrmSXbK+OUeVKFYwUM7Xr\n1rDCsfMdBxJi2cqVlGNFG+qUsiUFBEP3bAK4wvrE6T30bqGpfeo+oxr3MJV5\nbK1DWWgdlNgX730RyNb1UXWqrbiKew+KH6JuUcKp4u/YTswxcEQfsjjojgQw\nKQv+\r\n=2r4e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","private":false,"_npmUser":{"name":"zoomoid","email":"occloxium@gmail.com"},"repository":{"url":"git@github.com:anny-co/tailwindcss-presets.git","type":"git"},"description":"NodeJS package for bundling and versioning tailwindcss config files.","directories":{},"dependencies":{"color":"^4.0.1","tailwindcss":"^2.2.2"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.29.0","postcss":"^8.3.5","autoprefixer":"^10.2.6"},"peerDependencies":{"tailwindcss":"^2.2.2"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-presets_2.4.3_1629982849101_0.9436398670463115","host":"s3://npm-registry-packages"}},"2.4.4":{"name":"@anny.co/tailwindcss-presets","version":"2.4.4","author":{"url":"https://anny.co","name":"Alexander Bartolomey","email":"alexander.bartolomey@anny.co"},"license":"MIT","_id":"@anny.co/tailwindcss-presets@2.4.4","maintainers":[{"name":"lucianholt","email":"lucian.holtwiesche@booking-buddy.de"},{"name":"fibis","email":"adriaan@windfactory.net"},{"name":"zoomoid","email":"occloxium@gmail.com"}],"bugs":{"url":"git@github.com:anny-co/tailwindcss-presets.git","email":"alexander.bartolomey@anny.co"},"dist":{"shasum":"dac96fc3220fb0cb6e02bd7fe5be382a09a12ae8","tarball":"https://registry.npmjs.org/@anny.co/tailwindcss-presets/-/tailwindcss-presets-2.4.4.tgz","fileCount":8,"integrity":"sha512-3oak3bFOt4VSoXrAptVBi14/y+J9RAt4ioMIs3NITy0WVJ2aS9OtDt3c/obzmaxkBXrSmSWpo2JS3WIasLNe7A==","signatures":[{"sig":"MEQCIEGjL+7UlHouiHmiENc8g4kgE46a2kwfBcatPgjREoXqAiBek2ebePGoqeJ8yeZe6GfNfQlkxlrK9ffVEItfsfxb+Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10123,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQaEFCRA9TVsSAnZWagAAmZUQAIc50pf9SEOjx62QSc6u\n2gayn72a+dpMwyG2An4ZfVgyoOQRF0CgVl4Au2mm23uErox0893D43Xj7GRN\nZltb047D/MRaW9rsW5rJj+x09FGMp+mNhSBYDaApquF56vEtICuUeWSmojFj\nPQEJtvIrHv4agfzJpk5el/wErrBu1uzJj6GB8gvqPEcCAaqchBZsTiSyXhId\n+f0cF7RV57ERynCOpmr3RL9PBqyZtjOenFwQ6xLGXtHHwrZLrDZ7ne70CNnV\nV1VBkT3pbET763k7vK9/ylcBd1WbNRazdmg9qVbV1l7qO14TsrNJvwVJdpBY\nNxwjG29KFxeKRDtqp19Bc45SY1fM2Pwk4b+zkxHsWlkFo8w12tZ0uQDXRjhb\nOO77FIZgijwg2oZxRRWSjN58LXP1sLi0H49rKbS8MoIkCzrYbqmh/DAFv+kQ\n2A5/lqTfjdPG4T16nzwOGYtXRIXN5YFQ9dOG467/oaJxIryPu16T4wvxNP6v\nbjwLMI4tXzpnd+EnUmUc+2kUyX2D5Wn3EYKD8ahE1th6P7Fv8QTOEdBYtVTs\nzyZY7EsoOfwJDAZ4bd8o3Y76suG0Zt5NAb0K+7Fx4QZFrQ5cjWfn5WCE81FD\ntIYKa+kiByaAkA87Kc6U1/DtVL/Yx23v8s440FZ/JmcCKLKmaeHZ8T+Qq5qS\n5r7e\r\n=cNnH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","private":false,"_npmUser":{"name":"zoomoid","email":"occloxium@gmail.com"},"repository":{"url":"git@github.com:anny-co/tailwindcss-presets.git","type":"git"},"description":"NodeJS package for bundling and versioning tailwindcss config files.","directories":{},"dependencies":{"color":"^4.0.1","tailwindcss":"^2.2.2"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.29.0","postcss":"^8.3.5","autoprefixer":"^10.2.6"},"peerDependencies":{"tailwindcss":"^2.2.2"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-presets_2.4.4_1631691013066_0.1670144613640674","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-08-26T12:35:39.125Z","modified":"2024-09-11T08:26:58.924Z","2.4.2":"2021-08-26T12:35:39.284Z","2.4.3":"2021-08-26T13:00:49.234Z","2.4.4":"2021-09-15T07:30:13.187Z"},"bugs":{"url":"git@github.com:anny-co/tailwindcss-presets.git","email":"alexander.bartolomey@anny.co"},"author":{"url":"https://anny.co","name":"Alexander Bartolomey","email":"alexander.bartolomey@anny.co"},"license":"MIT","repository":{"url":"git@github.com:anny-co/tailwindcss-presets.git","type":"git"},"description":"NodeJS package for bundling and versioning tailwindcss config files.","maintainers":[{"email":"fab.kirchhoff98@gmail.com","name":"fabian-kho"},{"email":"lucian.holtwiesche@anny.co","name":"lucianholt"},{"email":"adriaan@windfactory.net","name":"fibis"},{"email":"occloxium@gmail.com","name":"zoomoid"}],"readme":"# @anny.co/tailwindcss-presets\n\nSome quick and handy presets for TailwindCSS (> v.2.0.0) that converge the anny Corporate Identity with Tailwind's color scheme, supports dynamic theming\nusing CSS variables and more.\n\n## Colors\n\nAmong the largest change are the custom color utilities for supporting dynamic theming using a given color model: The values of the colors are provided dynamically,\nand the generated utility classes respect that:\n\n```javascript\nconst themeModel = {\n  \"anny\": \"#333366\",\n  \"dark\": \"#131333\",\n  \"neutral\": \"#ffffff\",\n  \"neutral-muted\": \"#f3f3f3\",\n  \"primary\": \"#2b6af8\",\n  \"primary-muted\": \"#c0d0f4\",\n  \"secondary\": \"#ff9814\",\n  \"secondary-muted\": \"#ffc478\"\n};\n```\n\nThen, inside your code, you can use the usual Tailwind color classes, e.g. `bg-dark`, `text-primary` with the modifiers for the theme model.\n\n## Fonts\n\nThe `base.js` file adds utility classes for applying the anny Headline font, namely Gilroy Sans, to any object using the provided utilities, i.e.\n\n```\n.font-gilroy, .font-gilroy-light, .font-gilroy-semibold, .font-gilroy-bold\n```\n\nas well as base styles for `h1, h2, h3`. \n\n## Fades\n\n`fade` utilities are an easy way to mask an object using CSS's `mask-image` with `linear-gradient`. The following keys provide the mask starting point\n\n```javascript\nconst linearMasksStartPoints = {\n  2: \"50%\",\n  3: \"66.67%\",\n  4: \"75%\",\n  5: \"80%\",\n  50: \"50%\",\n  60: \"60%\",\n  70: \"70%\",\n  75: \"75%\",\n  80: \"80%\",\n  90: \"90%\"\n};\n```\n\n## Transforms\n\n`transform.js` provides utilities for translation on the interval [-1,1] in 0.1th steps, as well as sale utilities for scaling in [0,2] in 0.1th steps. Use them for example like this:\n\n```html\n<div class=\"transform translate-x-15/10 scale-8/10\"></div>\n```\n\nwhich moves the 1.5x its width to the right and scales it down by a factor of 0.8.\n\n> NOTE: this is done by simply extending the value range in the tailwind.config.js file, thus autocompletion can work with that!","readmeFilename":"README.md"}