# Spectre.css

## Draft

- [Introduction](https://spectrecss.angular-package.dev/introduction.md): Technical documentation
- [❤ Benefits](https://spectrecss.angular-package.dev/benefits.md): Benefits
- [General concepts](https://spectrecss.angular-package.dev/general-concepts.md): General @angular-package concepts
- [Skeleton](https://spectrecss.angular-package.dev/getting-started/skeleton.md): Base skeleton library
- [Installation](https://spectrecss.angular-package.dev/getting-started/installation.md): @angular-package/spectre.css installation
- [Usage](https://spectrecss.angular-package.dev/getting-started/usage.md): @angular-package/spectre.css public API
- [Color scheme](https://spectrecss.angular-package.dev/variables/color-scheme.md)
- [CSS variable name](https://spectrecss.angular-package.dev/variables/css-variable-name.md)
- [Using CSS variables](https://spectrecss.angular-package.dev/variables/using-css-variables.md)
- [Colors](https://spectrecss.angular-package.dev/variables/colors.md)
- [Settable SCSS](https://spectrecss.angular-package.dev/variables/colors/settable-scss.md): SCSS variable colors
- [Based on settable SCSS](https://spectrecss.angular-package.dev/variables/colors/based-on-settable-scss.md): SCSS variable colors
- [CSS variable color](https://spectrecss.angular-package.dev/variables/colors/css-variable-color.md)
- [Using CSS variable color](https://spectrecss.angular-package.dev/variables/colors/using-css-variable-color.md)
- [Color code](https://spectrecss.angular-package.dev/variables/colors/color-code.md)
- [Other](https://spectrecss.angular-package.dev/variables/other.md)
- [Background colors](https://spectrecss.angular-package.dev/css-color-classes/background-colors.md)
- [Label colors](https://spectrecss.angular-package.dev/css-color-classes/label-colors.md)
- [⚠ Text colors](https://spectrecss.angular-package.dev/css-color-classes/text-colors.md)
- [⚠ Toast colors](https://spectrecss.angular-package.dev/css-color-classes/toast-colors.md)
- [Color](https://spectrecss.angular-package.dev/function/color.md)
- [alpha-var()](https://spectrecss.angular-package.dev/function/color/alpha-var.md)
- [color()](https://spectrecss.angular-package.dev/function/color/color.md)
- [color-name()](https://spectrecss.angular-package.dev/function/color/color-name.md)
- [hsla-color()](https://spectrecss.angular-package.dev/function/color/hsla-color.md)
- [hue-var()](https://spectrecss.angular-package.dev/function/color/hue-var.md)
- [lightness-level-var()](https://spectrecss.angular-package.dev/function/color/lightness-level-var.md)
- [lightness-var()](https://spectrecss.angular-package.dev/function/color/lightness-var.md)
- [saturation-var()](https://spectrecss.angular-package.dev/function/color/saturation-var.md)
- [Var](https://spectrecss.angular-package.dev/function/var.md)
- [css-var()](https://spectrecss.angular-package.dev/function/var/css-var.md)
- [get-var()](https://spectrecss.angular-package.dev/function/var/get-var.md)
- [size-var()](https://spectrecss.angular-package.dev/function/var/size-var.md)
- [unit-var()](https://spectrecss.angular-package.dev/function/var/unit-var.md)
- [var-adjust()](https://spectrecss.angular-package.dev/function/var/var-adjust.md)
- [var-name()](https://spectrecss.angular-package.dev/function/var/var-name.md)
- [var-negative()](https://spectrecss.angular-package.dev/function/var/var-negative.md)
- [var-unit()](https://spectrecss.angular-package.dev/function/var/var-unit.md)
- [get-border()](https://spectrecss.angular-package.dev/function/get-border.md)
- [get-from-list()](https://spectrecss.angular-package.dev/function/get-from-list.md)
- [important()](https://spectrecss.angular-package.dev/function/important.md)
- [map-get-default()](https://spectrecss.angular-package.dev/function/map-get-default.md)
- [strip-unit()](https://spectrecss.angular-package.dev/function/strip-unit.md)
- [typeof()](https://spectrecss.angular-package.dev/function/typeof.md)
- [Border](https://spectrecss.angular-package.dev/mixin/border.md)
- [border()](https://spectrecss.angular-package.dev/mixin/border/border.md)
- [border-hover()](https://spectrecss.angular-package.dev/mixin/border/border-hover.md)
- [border-variant()](https://spectrecss.angular-package.dev/mixin/border/border-variant.md)
- [Color](https://spectrecss.angular-package.dev/mixin/color.md)
- [background()](https://spectrecss.angular-package.dev/mixin/color/background.md)
- [background-color()](https://spectrecss.angular-package.dev/mixin/color/background-color.md)
- [bg-color-variant()](https://spectrecss.angular-package.dev/mixin/color/bg-color-variant.md)
- [color-active()](https://spectrecss.angular-package.dev/mixin/color/color-active.md)
- [color-focus()](https://spectrecss.angular-package.dev/mixin/color/color-focus.md)
- [color-hover()](https://spectrecss.angular-package.dev/mixin/color/color-hover.md)
- [color-picker()](https://spectrecss.angular-package.dev/mixin/color/color-picker.md)
- [color-visited()](https://spectrecss.angular-package.dev/mixin/color/color-visited.md)
- [set-color()](https://spectrecss.angular-package.dev/mixin/color/set-color.md)
- [set-var-alpha()](https://spectrecss.angular-package.dev/mixin/color/set-var-alpha.md)
- [text-color-variant()](https://spectrecss.angular-package.dev/mixin/color/text-color-variant.md)
- [Label](https://spectrecss.angular-package.dev/mixin/label.md)
- [label-base()](https://spectrecss.angular-package.dev/mixin/label/label-base.md)
- [label-variant()](https://spectrecss.angular-package.dev/mixin/label/label-variant.md)
- [label-class-variant()](https://spectrecss.angular-package.dev/mixin/label/label-class-variant.md)
- [Margin](https://spectrecss.angular-package.dev/mixin/margin.md)
- [margin-size-variants()](https://spectrecss.angular-package.dev/mixin/margin/margin-size-variants.md)
- [margin-variant()](https://spectrecss.angular-package.dev/mixin/margin/margin-variant.md)
- [Padding](https://spectrecss.angular-package.dev/mixin/padding.md)
- [padding-size-variants()](https://spectrecss.angular-package.dev/mixin/padding/padding-size-variants.md)
- [padding-variant()](https://spectrecss.angular-package.dev/mixin/padding/padding-variant.md)
- [Text](https://spectrecss.angular-package.dev/mixin/text.md)
- [text-ellipsis()](https://spectrecss.angular-package.dev/mixin/text/text-ellipsis.md)
- [Toast](https://spectrecss.angular-package.dev/mixin/toast.md)
- [toast-variant()](https://spectrecss.angular-package.dev/mixin/toast/toast-variant.md)
- [⚠ toast-class-variant()](https://spectrecss.angular-package.dev/mixin/toast/toast-class-variant.md)
- [Var](https://spectrecss.angular-package.dev/mixin/var.md)
- [set-var()](https://spectrecss.angular-package.dev/mixin/var/set-var.md)
- [set-vars()](https://spectrecss.angular-package.dev/mixin/var/set-vars.md)
- [⚠ define-color()](https://spectrecss.angular-package.dev/mixin/var/define-color.md)
- [⚠ define-color-based-on()](https://spectrecss.angular-package.dev/mixin/var/define-color-based-on.md)
- [avatar-base()](https://spectrecss.angular-package.dev/mixin/avatar-base.md)
- [box-shadow-side()](https://spectrecss.angular-package.dev/mixin/box-shadow-side.md)
- [button-variant()](https://spectrecss.angular-package.dev/mixin/button-variant.md)
- [clearfix()](https://spectrecss.angular-package.dev/mixin/clearfix.md)
- [control-shadow()](https://spectrecss.angular-package.dev/mixin/control-shadow.md)
- [disabled()](https://spectrecss.angular-package.dev/mixin/disabled.md)
- [hide-scrollbar()](https://spectrecss.angular-package.dev/mixin/hide-scrollbar.md)
- [property()](https://spectrecss.angular-package.dev/mixin/property.md)
- [shadow-variant()](https://spectrecss.angular-package.dev/mixin/shadow-variant.md)
- [transition()](https://spectrecss.angular-package.dev/mixin/transition.md)
- [z-index()](https://spectrecss.angular-package.dev/mixin/z-index.md)
- [Keep a changelog](https://spectrecss.angular-package.dev/change-log/keep-a-changelog.md)
- [Commit](https://spectrecss.angular-package.dev/git/commit.md)
- [Semantic Versioning](https://spectrecss.angular-package.dev/git/semantic-versioning.md)
- [⋯ Chat](https://spectrecss.angular-package.dev/contact/chat.md)
- [@ Email](https://spectrecss.angular-package.dev/contact/email.md)
- [✆ Phone](https://spectrecss.angular-package.dev/contact/phone.md)
- [฿ Cryptocurrency](https://spectrecss.angular-package.dev/donate/thb-cryptocurrency.md): Become a sponsor to the angular-package by sending the cryptocurrency
- [$ Fiat](https://spectrecss.angular-package.dev/donate/usd-fiat.md)