mix live_style.inspect (LiveStyle v0.13.0)

View Source

Inspects LiveStyle class definitions, showing generated CSS and properties.

Usage

mix live_style.inspect MyAppWeb.Button primary
mix live_style.inspect MyAppWeb.Button base primary
mix live_style.inspect MyAppWeb.Button --list

Options

  • --css - Show raw CSS output instead of property breakdown
  • --list - List all class definitions in the module

Examples

$ mix live_style.inspect MyAppWeb.CoreComponents btn_base

:btn_base
class: x1a2b3c4 x5d6e7f8

  display: x1a2b3c4
  padding: x5d6e7f8

$ mix live_style.inspect MyAppWeb.CoreComponents btn_base btn_primary --css
.x1a2b3c4:not(#\#){display:flex}
.x5d6e7f8:not(#\#){padding:8px 16px}

$ mix live_style.inspect MyAppWeb.CoreComponents --list
Classes in MyAppWeb.CoreComponents:
  :btn_base
  :btn_primary
  :btn_secondary