{"_id":"@derekbarnhart/rollup-plugin-lit-sass","name":"@derekbarnhart/rollup-plugin-lit-sass","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.5":{"name":"@derekbarnhart/rollup-plugin-lit-sass","version":"1.0.5","description":"Rollup plugin to import sass as css template.","main":"lib/index.cjs.js","module":"lib/index.esm.js","jsnext:main":"dist/index.esm.js","scripts":{"build":"rollup -c"},"repository":{"type":"git","url":"git+https://github.com/ponday-dev/rollup-plugin-lit-sass.git"},"author":{"name":"ponday"},"license":"MIT","bugs":{"url":"https://github.com/ponday-dev/rollup-plugin-lit-sass/issues"},"homepage":"https://github.com/ponday-dev/rollup-plugin-lit-sass#readme","devDependencies":{"rollup":"^1.4.1","rollup-plugin-buble":"^0.19.6"},"dependencies":{"node-sass":"^4.11.0","rollup-pluginutils":"^2.4.1"},"gitHead":"83e77a4f63950025eb7b9f9aea4784920dc5434f","_id":"@derekbarnhart/rollup-plugin-lit-sass@1.0.5","_nodeVersion":"14.20.0","_npmVersion":"6.14.17","dist":{"integrity":"sha512-kiuR0fGFW1mqQovS9nB1tGbdGOZQ8aoJXFH38T5R4nTRRknzqG9DtGVKVgkp3VvEcxEldW+souBAj3nzMeRxBw==","shasum":"8084b6e16c2855d5f2b5fcbc0f4662ea12980c8d","tarball":"https://registry.npmjs.org/@derekbarnhart/rollup-plugin-lit-sass/-/rollup-plugin-lit-sass-1.0.5.tgz","fileCount":7,"unpackedSize":9672,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBBn1+IyO7vrmb6kSYGlIqJeL5aMjTIREPQ54n+GrvbZAiEA0QEcWdYpFsjmA95a107Y3ivJNvIsoexRre9yBZC5nnQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkjF8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGPA//ThKZPI3thSlnu+bEvNZy7LOtXmOd/50nrtu+gfY2W94ZBF6V\r\n1jpWvIMnbOno0zDmfMKe8AK4QcqOoSnMRgYP5x9oUxf4pptL7ewVEUlJl2DX\r\nL8WD2aQVJADDCtwPEj+a48XoxzMo6C6vyDnqOgLLFk44WqmtOTOVRNB5z/tD\r\n6EACAjkKMC6vINAm/kCgMutDyKpiaUIRPb7VomlSBERNh1acXoIGJKcAsCMK\r\nqF4CurbD9a+rCCyjJqX+iKu/ukBu9a0imAzq4FY/pK/ycpvaZu5JTKARsC0B\r\nTGCYG8LJv35KnAslC3O+viCWBKsQ2TEeGPadirgY7YNbcYmAteYr9R73QZ4m\r\n7nDW+P1Wn6XYqxMTAqCUwSTlZp6ysAieFaEgISZGEhgbuIDR5MxWE/uJKK38\r\nogaQGD7KEcPtzJNQlJ1dwFV8/kGb7r/XqdioDpMQbm1FgxpQjzMyViCAu2GP\r\nHhEkYECZ7E5PUpJZ/DpZ1w9D3asqUpP4/nEpk+4bbZluqPqzUDeIc2TLmDRk\r\n2jNSyBEZYZGyP4rRgBl+eNtcllinPzjNPI0A9CXwtEX7F5tH3yhtiVKKLWTq\r\n2j20ceM4RB3KsB+k10EMs4fNLTPtNgK5wBwtmHSctppIyrqEQQm5KAj8donq\r\nWnDUTztu0LHU66lLtpHe7xdRBwB7qoVsh28=\r\n=K9Qw\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"derekbarnhart","email":"derekbarnhart@gmail.com"},"directories":{},"maintainers":[{"name":"derekbarnhart","email":"derekbarnhart@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rollup-plugin-lit-sass_1.0.5_1670525308299_0.7016538057999591"},"_hasShrinkwrap":false}},"time":{"created":"2022-12-08T18:48:28.230Z","1.0.5":"2022-12-08T18:48:28.472Z","modified":"2022-12-08T18:48:28.713Z"},"maintainers":[{"name":"derekbarnhart","email":"derekbarnhart@gmail.com"}],"description":"Rollup plugin to import sass as css template.","homepage":"https://github.com/ponday-dev/rollup-plugin-lit-sass#readme","repository":{"type":"git","url":"git+https://github.com/ponday-dev/rollup-plugin-lit-sass.git"},"author":{"name":"ponday"},"bugs":{"url":"https://github.com/ponday-dev/rollup-plugin-lit-sass/issues"},"license":"MIT","readme":"# @ponday/rollup-plugin-lit-sass\n\nRollup plugin to import '.sass' or '.scss' files as LitElement css templates on JavaScript / TypeScript.\n\n## Installation\n\n```\nnpm install --save-dev @ponday/rollup-plugin-lit-sass\n```\n\n## Usage\n\nImport and add this plugin to `plugins` option.\n\n```javascript\nimport litSass from '@ponday/rollup-plugin-lit-sass';\n\nexport default {\n  entry: 'src/input.js',\n  dest: 'dist/output.js',\n  plugins: [\n    litSass()\n  ]\n};\n```\n\nImport sass file on JavaScript.\n\n```javascript\nimport { LitElement, html, css} from 'lit-element';\n// import as a function that type is (params: { css: typeof require('lit-element').css }) => CSSResult\nimport style from './styles.scss';\n\nexport class MyElement extends LitElement {\n  static styles = style({ css });\n\n  // other implementations...\n}\n```\n\nIf you want to use TypeScript, you might need type declaraiton file for sass/scss.\n\nAn example code for SCSS is following:\n\n```typescript\ndeclare module \"*.scss\" {\n  import { css, CSSResult } from 'lit-element';\n  const scss: (params: { css: typeof css}) => CSSResult;\n  export default scss;\n}\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}