> For the complete documentation index, see [llms.txt](https://spectrecss.angular-package.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://spectrecss.angular-package.dev/benefits.md).

# ❤ Benefits

<mark style="color:green;">**✓**</mark> **Designed** with <mark style="color:red;">❤</mark> by [Yan Zhu](https://twitter.com/picturepan2).

<mark style="color:green;">**✓**</mark> **Maintained** with <mark style="color:red;">❤</mark> by the [@angular-package](https://twitter.com/angularpackage)

<mark style="color:green;">**✓**</mark> **Built** with the [@angular](https://angular.io/) project and sass compiler

<mark style="color:green;">**✓**</mark> **Lightweight** (\~**20kB** min+zipped) starting point for your projects

<mark style="color:green;">**✓**</mark> **Flexbox**-based, responsive, and mobile-friendly layout

<mark style="color:green;">**✓**</mark> **Elegantly** designed and developed elements and components

<mark style="color:green;">**✓**</mark> Ready for [@import](https://sass-lang.com/documentation/at-rules/import) remove: rewritten with the [@use](https://sass-lang.com/documentation/at-rules/use) and [@forward](https://sass-lang.com/documentation/at-rules/forward)

<mark style="color:green;">**✓**</mark> Rewritten with the **CSS variables**: SCSS variables are used to initialize CSS variables

<mark style="color:green;">**✓**</mark> **Customizable** CSS variable names **prefix**

<mark style="color:green;">**✓**</mark> Colors are injected in [**hsla**](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsla) form, split into **four** CSS variables, where variable name with suffix `h` indicates hue, `s` saturation, `l` lightness, and `a` alpha

<mark style="color:green;">**✓**</mark> [@angular](https://angular.io/) components and modules prepared (will be available soon)

<mark style="color:green;">**✓**</mark> Free for **commercial** use under [MIT license](https://docs.angular-package.dev/mit-license)
