angular-package

The angular-package supports the development process of angular-based applications in varied ways through the thoughtful, reusable, easy-to-use small pieces of code called packages.

Sass

Sass - extension for sass modules and new modules.

[![Gitter][gitter-badge]][gitter-chat]
[![Discord][discord-badge]][discord-channel]
[![Twitter][twitter-badge]][twitter-follow]

[![npm version][sass-npm-badge-svg]][sass-npm-badge]

[![GitHub issues][sass-badge-issues]][sass-issues]
[![GitHub forks][sass-badge-forks]][sass-forks]
[![GitHub stars][sass-badge-stars]][sass-stars]
[![GitHub license][sass-badge-license]][sass-license]

[![GitHub Sponsors][github-badge-sponsor]][github-sponsor-link]
[![Patreon Sponsors][patreon-badge]][patreon-link]

Extended sass modules:

* The sass:color is extended by @angular-package/sass/color - module generates new colors based on existing ones, making it easy to build color themes.
* The sass:list is extended by @angular-package/sass/list - module lets you access and modify values in lists.
* The sass:map is extended by @angular-package/sass/map - module makes it possible to look up the value associated with a key in a map, and much more.
* The sass:math is extended by @angular-package/sass/math - module provides functions that operate on numbers.
* The sass:meta is extended by @angular-package/sass/meta - module exposes the details of Sass’s inner workings.
* The sass:selector is extended by @angular-package/sass/selector - module provides access to Sass’s powerful selector engine.
* The sass:string is extended by @angular-package/sass/string - module makes it easy to combine, search, or split apart strings.

New modules:

* The @angular-package/sass/class module to handle CSS class selectors(variants).
* The @angular-package/sass/comparison module to compare single or multiple values.
* The @angular-package/sass/function module function to handle calling functions, especially in a form of string in list.
* The @angular-package/sass/media module to handle @media CSS at-rule.
* The @angular-package/sass/object module to handle sass variable of map type as named objects.
* The @angular-package/sass/property module to set multiple CSS properties or variants with called functions on values.
* The @angular-package/sass/query module to execute query on list to retrieve data.
* The @angular-package/sass/translator module handles global dictionary to translate words.
* The @angular-package/sass/values module to modify arbitrary values.
* The @angular-package/sass/var module is designed to handle CSS variables with the use of words that can be translated by the dictionary.
* The @angular-package/sass/variant module to create variants usable in class and property modules.

Module moved:

* The @angular-package/sass/number moved to the @angular-package/sass/math module.

Translator:

In the beta version, two translators are inside the translator folder. First(will be deprecated) v0.1.0, the default exported dictionary, was created to pass an external dictionary in some functions to merge with a global dictionary.
The second, newer, and simplified translator v1.0.0 is designed with only the global(internal) dictionary, and the external dictionary is passed only in merge and translation.

Sass extension is free to use. If you enjoy it, please consider donating via fiat, Revolut platform or cryptocurrency the @angular-package for further development. ♥

> Feel free to submit a pull request. Help is always appreciated.

Table of contents

* Skeleton
* Code scaffolding
* Documentation
* Changelog
* Git
* Commit
* Versioning
* License

Skeleton

This package was generated by the [skeleton workspace][skeleton] with Angular CLI version 14.0.0.

Copy this package to the packages/sass folder of the [skeleton workspace][skeleton] then run the commands below.

Code scaffolding

Run 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.
> Note: Don't forget to add --project sass or else it will be added to the default project in your angular.json file.

$3

Run ng build sass to build the project. The build artifacts will be stored in the dist/sass directory.

$3

After building your library with ng build sass, go to the dist folder cd dist/sass and run npm publish.

$3

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

Documentation

The documentation is in construction and it's available at https://docs.angular-package.dev/v/sass

Changelog

To read it, click on the CHANGELOG.md link.

GIT

$3

* [AngularJS Git Commit Message Conventions][git-commit-angular]
* [Karma Git Commit Msg][git-commit-karma]
* [Conventional Commits][git-commit-conventional]

$3

[Semantic Versioning 2.0.0][git-semver]

Given a version number MAJOR.MINOR.PATCH, increment the:

* MAJOR version when you make incompatible API changes,
* MINOR version when you add functionality in a backwards-compatible manner, and
* PATCH version when you make backwards-compatible bug fixes.

Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.

FAQ
How should I deal with revisions in the 0.y.z initial development phase?

> 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.

How do I know when to release 1.0.0?

> 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.

License

MIT © angular-package ([license][sass-license])

[github-badge-sponsor]: https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&link=https://github.com/sponsors/angular-package
[github-sponsor-link]: https://github.com/sponsors/angular-package
[patreon-badge]: https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fshieldsio-patreon.vercel.app%2Fapi%3Fusername%3Dangularpackage%26type%3Dpatrons&style=flat
[patreon-link]: https://www.patreon.com/join/angularpackage/checkout?fan_landing=true&rid=0

[angulario]: https://angular.io
[skeleton]: https://github.com/angular-package/skeleton

[experimental]: https://img.shields.io/badge/-Experimental-orange
[fix]: https://img.shields.io/badge/-Fix-red
[new]: https://img.shields.io/badge/-eNw-green
[update]: https://img.shields.io/badge/-Update-red
[documentation]: https://img.shields.io/badge/-Documentation-informational
[demonstration]: https://img.shields.io/badge/-Demonstration-green

[discord-badge]: https://img.shields.io/discord/925168966098386944?style=social&logo=discord&label=Discord
[discord-channel]: https://discord.com/invite/rUCR2CW75G

[gitter-badge]: https://img.shields.io/gitter/room/angular-package/ap-sass?style=social&logo=gitter
[gitter-chat]: https://app.gitter.im/#/room/#ap-sass:gitter.im

[twitter-badge]: https://img.shields.io/twitter/follow/angularpackage?label=%40angularpackage&style=social
[twitter-follow]: https://twitter.com/angularpackage

[git-semver]: http://semver.org/

[git-commit-angular]: https://gist.github.com/stephenparish/9941e89d80e2bc58a153
[git-commit-karma]: http://karma-runner.github.io/0.10/dev/git-commit-msg.html
[git-commit-conventional]: https://www.conventionalcommits.org/en/v1.0.0/

[sass-badge-issues]: https://img.shields.io/github/issues/angular-package/sass
[sass-badge-forks]: https://img.shields.io/github/forks/angular-package/sass
[sass-badge-stars]: https://img.shields.io/github/stars/angular-package/sass
[sass-badge-license]: https://img.shields.io/github/license/angular-package/sass

[sass-issues]: https://github.com/angular-package/sass/issues
[sass-forks]: https://github.com/angular-package/sass/network
[sass-license]: https://github.com/angular-package/sass/blob/master/LICENSE
[sass-stars]: https://github.com/angular-package/sass/stargazers

[sass-github-changelog]: https://github.com/angular-package/sass/blob/main/CHANGELOG.md

[sass-npm-badge-svg]: https://badge.fury.io/js/%40angular-package%2Fsass.svg
[sass-npm-badge-png]: https://badge.fury.io/js/%40angular-package%2Fsass.png
[sass-npm-badge]: https://badge.fury.io/js/%40angular-package%2Fsass
[sass-npm-readme]: https://www.npmjs.com/package/@angular-package/sass#readme

[sass-github-readme]: https://github.com/angular-package/sass#readme