# LiveStyle v0.16.3 - Table of Contents

Atomic CSS-in-Elixir for Phoenix LiveView, inspired by StyleX

## Pages

- [LiveStyle](readme.md)
- [Changelog](changelog.md)
- [LICENSE](license.md)

- Guides
  - [Getting Started](getting-started.md)
  - [Design Tokens](design-tokens.md)
  - [Styling Components](styling-components.md)
  - [Theming](theming.md)
  - [Advanced Features](advanced-features.md)
  - [Configuration](configuration.md)

## Modules

- Core
  - [LiveStyle](LiveStyle.md): LiveStyle - Compile-time CSS-in-Elixir for Phoenix LiveView.
  - [LiveStyle.Attrs](LiveStyle.Attrs.md): A struct representing HTML attributes for styled elements.

- Advanced Helpers
  - [LiveStyle.Marker](LiveStyle.Marker.md): Marker class generation for contextual selectors.
  - [LiveStyle.Types](LiveStyle.Types.md): Typed CSS custom property helpers for `@property` rule generation.
  - [LiveStyle.When](LiveStyle.When.md): Contextual selectors for styling elements based on ancestor, descendant, or sibling state.

- Configuration
  - [LiveStyle.Config](LiveStyle.Config.md): Configuration management for LiveStyle.
  - [LiveStyle.ShorthandBehavior](LiveStyle.ShorthandBehavior.md): Behaviour and dispatch for shorthand expansion.

- Shorthand Behaviors
  - [LiveStyle.ShorthandBehavior.AcceptShorthands](LiveStyle.ShorthandBehavior.AcceptShorthands.md): Keeps shorthand properties intact while tracking related longhands for merging.
  - [LiveStyle.ShorthandBehavior.FlattenShorthands](LiveStyle.ShorthandBehavior.FlattenShorthands.md): Expands shorthand properties to their constituent longhands.
  - [LiveStyle.ShorthandBehavior.ForbidShorthands](LiveStyle.ShorthandBehavior.ForbidShorthands.md): Forbids disallowed shorthand properties at compile time.

- Developer Tools
  - [LiveStyle.Compiler](LiveStyle.Compiler.md): Compiler utilities for LiveStyle.
  - [LiveStyle.Dev](LiveStyle.Dev.md): Development helpers for inspecting and debugging LiveStyle classes.

## Mix Tasks

- [mix compile.live_style](Mix.Tasks.Compile.LiveStyle.md): Mix compiler that merges LiveStyle module data after Elixir compilation.
- [mix live_style](Mix.Tasks.LiveStyle.md): Invokes LiveStyle CSS generation with the given profile and args.
- [mix live_style.audit](Mix.Tasks.LiveStyle.Audit.md): Audits LiveStyle class definitions to find potentially unused classes.
- [mix live_style.inspect](Mix.Tasks.LiveStyle.Inspect.md): Inspects LiveStyle class definitions, showing generated CSS and properties.
- [mix live_style.setup_tests](Mix.Tasks.LiveStyle.SetupTests.md): Pre-compiles test files to register LiveStyle modules in the manifest.

