{"id":15304894,"url":"https://github.com/grimlink/eleventy-plugin-sass","last_synced_at":"2025-07-01T05:04:33.076Z","repository":{"id":40259254,"uuid":"451611379","full_name":"GrimLink/eleventy-plugin-sass","owner":"GrimLink","description":"Simple 11ty config wrapper, for running Sass directly as custom template.","archived":false,"fork":false,"pushed_at":"2022-09-06T08:07:29.000Z","size":25,"stargazers_count":11,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-27T18:56:10.508Z","etag":null,"topics":["11ty","11ty-plugin","eleventy","eleventy-plugin","sass","scss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GrimLink.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-01-24T19:53:10.000Z","updated_at":"2023-03-24T15:26:20.000Z","dependencies_parsed_at":"2022-08-17T21:00:12.643Z","dependency_job_id":null,"html_url":"https://github.com/GrimLink/eleventy-plugin-sass","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/GrimLink/eleventy-plugin-sass","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GrimLink%2Feleventy-plugin-sass","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GrimLink%2Feleventy-plugin-sass/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GrimLink%2Feleventy-plugin-sass/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GrimLink%2Feleventy-plugin-sass/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GrimLink","download_url":"https://codeload.github.com/GrimLink/eleventy-plugin-sass/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GrimLink%2Feleventy-plugin-sass/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262900084,"owners_count":23381657,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["11ty","11ty-plugin","eleventy","eleventy-plugin","sass","scss"],"created_at":"2024-10-01T07:58:25.866Z","updated_at":"2025-07-01T05:04:33.044Z","avatar_url":"https://github.com/GrimLink.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Eleventy Plugin - Sass\n\n[![NPM version](https://img.shields.io/npm/v/@grimlink/eleventy-plugin-sass)](https://www.npmjs.org/package/@grimlink/eleventy-plugin-sass)\n![license](https://img.shields.io/github/license/GrimLink/eleventy-plugin-sass)\n\nSimple 11ty config wrapper, for running Sass directly as custom template.\n\n## Installation\n\nThis eleventy plugin requires;\n\n- Eleventy v1.0.0 or higher\n- Sass (Dart Sass) v1.45.0 or higher\n\nFirst install this plugin with;\n\n```bash\nnpm install @grimlink/eleventy-plugin-sass\n```\n\nSecond install Sass;\n\n```bash\nnpm install sass\n```\n\n\u003e **Note** We offer the freedom to pick your own Sass version.\n\u003e\n\u003e This allows you to update the Sass version,\n\u003e without needing to rely on this plugin for that.\n\n## How to use\n\nAdd to Configuration File (Usually .eleventy.js) the following;\n\n```js\nconst eleventySass = require(\"@grimlink/eleventy-plugin-sass\");\nconst sass = require(\"sass\");\n\nmodule.exports = function(eleventyConfig) {\n  eleventyConfig.addPlugin(eleventySass, { sass });\n};\n```\n\nYou need to pass sass as an option,\nBut besides that, thats pretty much it.\n\nNow any SCSS files,\nthat don't start with a underscore,\nwill compile to CSS in de output directory.\n\n### Options\n\nThere are off course options to tweak to your preference.\n\n| option       | Default          | Description                        |\n| ------------ | ---------------- | ---------------------------------- |\n| sass         |                  | the sass compiler to use           |\n| outputPath   | \"\"               | Output path for your CSS file(s)   |\n| outputStyle  | \"expanded\"       | Options are expanded or compressed |\n| includePaths | [\"node_modules\"] | List of extra folders to include   |\n| sourceMap    | false            | If you want to use source maps     |\n\nIf `outputPath` is empty,\nthis plugin will use the default inputPath as the outputPath.\n\nIf you want to force this to for example `_site/css`,\nuse `outputPath = \"css\"` as value.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrimlink%2Feleventy-plugin-sass","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgrimlink%2Feleventy-plugin-sass","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrimlink%2Feleventy-plugin-sass/lists"}