{"id":18705609,"url":"https://github.com/angular-package/sass","last_synced_at":"2025-04-12T10:15:57.273Z","repository":{"id":177948444,"uuid":"658495992","full_name":"angular-package/sass","owner":"angular-package","description":"Extensions for sass modules and new modules.","archived":false,"fork":false,"pushed_at":"2024-09-15T19:18:46.000Z","size":917,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-12T10:15:38.854Z","etag":null,"topics":["class","color","dictionary","list","map","property","sass","selector","string","translator","var"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/angular-package.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["angular-package"],"patreon":"angularpackage","open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2023-06-25T22:56:21.000Z","updated_at":"2024-10-03T21:00:01.000Z","dependencies_parsed_at":"2024-01-24T19:28:15.745Z","dependency_job_id":"c63d902c-45c9-4848-9c88-c61a46bda3a3","html_url":"https://github.com/angular-package/sass","commit_stats":null,"previous_names":["angular-package/sass"],"tags_count":26,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-package%2Fsass","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-package%2Fsass/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-package%2Fsass/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-package%2Fsass/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angular-package","download_url":"https://codeload.github.com/angular-package/sass/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248550618,"owners_count":21122934,"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":["class","color","dictionary","list","map","property","sass","selector","string","translator","var"],"created_at":"2024-11-07T12:11:28.988Z","updated_at":"2025-04-12T10:15:56.955Z","avatar_url":"https://github.com/angular-package.png","language":"SCSS","funding_links":["https://github.com/sponsors/angular-package","https://patreon.com/angularpackage","https://img.shields.io/static/v1?label=Sponsor\u0026message=%E2%9D%A4\u0026logo=GitHub\u0026link=https://github.com/sponsors/angular-package","https://www.patreon.com/join/angularpackage/checkout?fan_landing=true\u0026rid=0"],"categories":[],"sub_categories":[],"readme":"# angular-package\n\n\u003ca href='https://angular-package.dev' target='_blank'\u003e\n  \u003cimg align=\"right\"  width=\"92\" height=\"92\" src=\"https://avatars.githubusercontent.com/u/31412194?s=400\u0026u=c9929aa36826318ccac8f7b84516e1ce3af7e21c\u0026v=4\" /\u003e\n\u003c/a\u003e\n\nThe angular-package supports the development process of [angular](https://angular.io)-based applications in varied ways through the thoughtful, reusable, easy-to-use small pieces of code called packages.\n\n\u003cbr\u003e\n\n\u003ca href=\"https://angular-package.github.io/sass\"\u003e\u003cimg src=\"https://sass-lang.com/assets/img/logos/logo.svg\" width=\"92\" height=\"92\" /\u003e\u003c/a\u003e\n\n## Sass\n\nSass - extension for sass modules and new modules.\n\n[![Gitter][gitter-badge]][gitter-chat]\n[![Discord][discord-badge]][discord-channel]\n[![Twitter][twitter-badge]][twitter-follow]\n\n\u003c!-- npm badge --\u003e\n[![npm version][sass-npm-badge-svg]][sass-npm-badge]\n\n\u003c!-- GitHub badges --\u003e\n[![GitHub issues][sass-badge-issues]][sass-issues]\n[![GitHub forks][sass-badge-forks]][sass-forks]\n[![GitHub stars][sass-badge-stars]][sass-stars]\n[![GitHub license][sass-badge-license]][sass-license]\n\n\u003c!-- Sponsors --\u003e\n[![GitHub Sponsors][github-badge-sponsor]][github-sponsor-link]\n[![Patreon Sponsors][patreon-badge]][patreon-link]\n\nExtended sass modules:\n\n* The [`sass:color`](https://sass-lang.com/documentation/modules/color/) is extended by [`@angular-package/sass/color`](https://docs.angular-package.dev/v/sass/color/overview) - module generates new colors based on existing ones, making it easy to build color themes.\n* The [`sass:list`](https://sass-lang.com/documentation/modules/list/) is extended by [`@angular-package/sass/list`](https://docs.angular-package.dev/v/sass/list/overview) - module lets you access and modify values in lists.\n* The [`sass:map`](https://sass-lang.com/documentation/modules/map/) is extended by [`@angular-package/sass/map`](https://docs.angular-package.dev/v/sass/map/overview) - module makes it possible to look up the value associated with a key in a map, and much more.\n* The [`sass:math`](https://sass-lang.com/documentation/modules/math/) is extended by [`@angular-package/sass/math`](https://docs.angular-package.dev/v/sass/math/overview) - module provides functions that operate on numbers.\n* The [`sass:meta`](https://sass-lang.com/documentation/modules/meta/) is extended by [`@angular-package/sass/meta`](https://docs.angular-package.dev/v/sass/meta/overview) - module exposes the details of Sass’s inner workings.\n* The [`sass:selector`](https://sass-lang.com/documentation/modules/selector/) is extended by [`@angular-package/sass/selector`](https://docs.angular-package.dev/v/sass/selector/overview) - module provides access to Sass’s powerful selector engine.\n* The [`sass:string`](https://sass-lang.com/documentation/modules/string/) is extended by [`@angular-package/sass/string`](https://docs.angular-package.dev/v/sass/string/overview) - module makes it easy to combine, search, or split apart strings.\n\n\u003cbr\u003e\n\nNew modules:\n\n* The [`@angular-package/sass/class`](https://docs.angular-package.dev/v/sass/class/overview) module to handle [CSS class selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors)(variants).\n* The [`@angular-package/sass/comparison`](https://docs.angular-package.dev/v/sass/comparison/overview) module to compare single or multiple values.\n* The [`@angular-package/sass/function`](https://docs.angular-package.dev/v/sass/function/overview) module function to handle calling [functions](https://github.com/angular-package/sass/tree/main/function), especially in a form of `string` in `list`.\n* The [`@angular-package/sass/media`](https://docs.angular-package.dev/v/sass/media/overview) module to handle [@media](https://developer.mozilla.org/en-US/docs/Web/CSS/@media) [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) [at-rule](https://developer.mozilla.org/en-US/docs/Web/CSS/At-rule).\n* The [`@angular-package/sass/object`](https://docs.angular-package.dev/v/sass/object/overview) module to handle [sass variable](https://sass-lang.com/documentation/variables/) of [`map`](https://sass-lang.com/documentation/modules/map/) type as named objects.\n* The [`@angular-package/sass/property`](https://docs.angular-package.dev/v/sass/property/overview) module to set multiple [CSS properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) or variants with called [functions](https://github.com/angular-package/sass/tree/main/function) on values.\n* The [`@angular-package/sass/query`](https://docs.angular-package.dev/v/sass/query/overview) module to execute query on [`list`](https://sass-lang.com/documentation/modules/list/) to retrieve data.\n* The [`@angular-package/sass/translator`](https://docs.angular-package.dev/v/sass/translator/overview) module handles global dictionary to translate words.\n* The [`@angular-package/sass/values`](https://docs.angular-package.dev/v/sass/values/overview) module to modify arbitrary values.\n* The [`@angular-package/sass/var`](https://docs.angular-package.dev/v/sass/var/overview) module is designed to handle [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) with the use of words that can be translated by the dictionary.\n* The [`@angular-package/sass/variant`](https://docs.angular-package.dev/v/sass/variant/overview) module to create variants usable in `class` and `property` modules.\n\n\u003cbr\u003e\n\nModule moved:\n\n* The `@angular-package/sass/number` moved to the [`@angular-package/sass/math`](https://docs.angular-package.dev/v/sass/math/overview) module.\n\n\u003cbr\u003e\n\nTranslator:\n\nIn the `beta` version, two translators are inside the [`translator`](https://github.com/angular-package/sass/tree/main/translator) folder. First(will be deprecated) [`v0.1.0`](https://github.com/angular-package/sass/tree/main/translator/v0.1.0), the default exported dictionary, was created to pass an external dictionary in some functions to merge with a global dictionary.\nThe second, newer, and simplified translator [`v1.0.0`](https://github.com/angular-package/sass/tree/main/translator/v1.0.0) is designed with only the global(internal) dictionary, and the external dictionary is passed only in `merge` and `translation`.\n\n\u003cbr\u003e\n\nSass extension is **free** to use. If you enjoy it, please consider donating via [fiat](https://docs.angular-package.dev/v/sass/donate/fiat), [Revolut platform](https://business.revolut.com/revolutme/angularpackage) or [cryptocurrency](https://spectrecss.angular-package.dev/donate/thb-cryptocurrency) the [@angular-package](https://github.com/sponsors/angular-package) for further development. ♥  \n\n\u003e Feel **free** to submit a pull request. Help is always appreciated.\n\n\u003cbr\u003e\n\n## Table of contents\n\n* [Skeleton](#skeleton)\n* [Code scaffolding](#code-scaffolding)\n* [Documentation](#documentation)\n* [Changelog](#changelog)\n* [Git](#git)\n  * [Commit](#commit)\n  * [Versioning](#versioning)\n* [License](#license)\n\n\u003cbr\u003e\n\n## Skeleton\n\nThis package was generated by the [skeleton workspace][skeleton] with [Angular CLI](https://github.com/angular/angular-cli) version `14.0.0`.\n\nCopy this package to the `packages/sass` folder of the [skeleton workspace][skeleton] then run the commands below.\n\n\u003cbr\u003e\n\n## Code scaffolding\n\nRun `ng generate component component-name --project sass` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project sass`.\n\u003e Note: Don't forget to add `--project sass` or else it will be added to the default project in your `angular.json` file.\n\n### Build\n\nRun `ng build sass` to build the project. The build artifacts will be stored in the `dist/sass` directory.\n\n### Publishing\n\nAfter building your library with `ng build sass`, go to the dist folder `cd dist/sass` and run `npm publish`.\n\n### Further help\n\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.\n\n\u003cbr\u003e\n\n## Documentation\n\nThe documentation is in construction and it's available at [https://docs.angular-package.dev/v/sass](https://docs.angular-package.dev/v/sass/)\n\n\u003cbr\u003e\n\n## Changelog\n\nTo read it, click on the [CHANGELOG.md](https://github.com/angular-package/sass/blob/master/CHANGELOG.md) link.\n\n\u003cbr\u003e\n\n## GIT\n\n### Commit\n\n* [AngularJS Git Commit Message Conventions][git-commit-angular]\n* [Karma Git Commit Msg][git-commit-karma]\n* [Conventional Commits][git-commit-conventional]\n\n### Versioning\n\n[Semantic Versioning 2.0.0][git-semver]\n\n**Given a version number MAJOR.MINOR.PATCH, increment the:**\n\n* MAJOR version when you make incompatible API changes,\n* MINOR version when you add functionality in a backwards-compatible manner, and\n* PATCH version when you make backwards-compatible bug fixes.\n\nAdditional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.\n\n**FAQ**\nHow should I deal with revisions in the 0.y.z initial development phase?\n\n\u003e The simplest thing to do is start your initial development release at 0.1.0 and then increment the minor version for each subsequent release.\n\nHow do I know when to release 1.0.0?\n\n\u003e If your software is being used in production, it should probably already be 1.0.0. If you have a stable API on which users have come to depend, you should be 1.0.0. If you’re worrying a lot about backwards compatibility, you should probably already be 1.0.0.\n\n\u003cbr\u003e\n\n## License\n\nMIT © angular-package ([license][sass-license])\n\n\u003c!-- Funding --\u003e\n[github-badge-sponsor]: https://img.shields.io/static/v1?label=Sponsor\u0026message=%E2%9D%A4\u0026logo=GitHub\u0026link=https://github.com/sponsors/angular-package\n[github-sponsor-link]: https://github.com/sponsors/angular-package\n[patreon-badge]: https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fshieldsio-patreon.vercel.app%2Fapi%3Fusername%3Dangularpackage%26type%3Dpatrons\u0026style=flat\n[patreon-link]: https://www.patreon.com/join/angularpackage/checkout?fan_landing=true\u0026rid=0\n\n[angulario]: https://angular.io\n[skeleton]: https://github.com/angular-package/skeleton\n\n\u003c!-- Update status --\u003e\n[experimental]: https://img.shields.io/badge/-Experimental-orange\n[fix]: https://img.shields.io/badge/-Fix-red\n[new]: https://img.shields.io/badge/-eNw-green\n[update]: https://img.shields.io/badge/-Update-red\n[documentation]: https://img.shields.io/badge/-Documentation-informational\n[demonstration]: https://img.shields.io/badge/-Demonstration-green\n\n\u003c!-- Discord --\u003e\n[discord-badge]: https://img.shields.io/discord/925168966098386944?style=social\u0026logo=discord\u0026label=Discord\n[discord-channel]: https://discord.com/invite/rUCR2CW75G\n\n\u003c!-- Gitter --\u003e\n[gitter-badge]: https://img.shields.io/gitter/room/angular-package/ap-sass?style=social\u0026logo=gitter\n[gitter-chat]: https://app.gitter.im/#/room/#ap-sass:gitter.im\n\n\u003c!-- Twitter --\u003e\n[twitter-badge]: https://img.shields.io/twitter/follow/angularpackage?label=%40angularpackage\u0026style=social\n[twitter-follow]: https://twitter.com/angularpackage\n\n\u003c!-- GIT --\u003e\n[git-semver]: http://semver.org/\n\n\u003c!-- GIT: commit --\u003e\n[git-commit-angular]: https://gist.github.com/stephenparish/9941e89d80e2bc58a153\n[git-commit-karma]: http://karma-runner.github.io/0.10/dev/git-commit-msg.html\n[git-commit-conventional]: https://www.conventionalcommits.org/en/v1.0.0/\n\n\u003c!-- This package: sass  --\u003e\n  \u003c!-- GitHub: badges --\u003e\n  [sass-badge-issues]: https://img.shields.io/github/issues/angular-package/sass\n  [sass-badge-forks]: https://img.shields.io/github/forks/angular-package/sass\n  [sass-badge-stars]: https://img.shields.io/github/stars/angular-package/sass\n  [sass-badge-license]: https://img.shields.io/github/license/angular-package/sass\n  \u003c!-- GitHub: badges links --\u003e\n  [sass-issues]: https://github.com/angular-package/sass/issues\n  [sass-forks]: https://github.com/angular-package/sass/network\n  [sass-license]: https://github.com/angular-package/sass/blob/master/LICENSE\n  [sass-stars]: https://github.com/angular-package/sass/stargazers\n\u003c!-- This package --\u003e\n  [sass-github-changelog]: https://github.com/angular-package/sass/blob/main/CHANGELOG.md\n\n\u003c!-- Package: sass --\u003e\n  \u003c!-- npm --\u003e\n  [sass-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fsass.svg\n  [sass-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fsass.png\n  [sass-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fsass\n  [sass-npm-readme]: https://www.npmjs.com/package/@angular-package/sass#readme\n\n  \u003c!-- GitHub --\u003e\n  [sass-github-readme]: https://github.com/angular-package/sass#readme\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-package%2Fsass","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular-package%2Fsass","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-package%2Fsass/lists"}