{
  "slug": "format-css",
  "name": "gizza-ai/format-css",
  "version": "0.1.0",
  "title": "CSS Formatter — beautify & sort CSS, SCSS, LESS — gizza.ai",
  "description": "Pretty-print CSS, SCSS, or LESS locally. Choose indentation, sort declarations, split selectors, and normalize hex colors in your browser.",
  "tags": [
    "css formatter",
    "css beautifier",
    "scss formatter",
    "less formatter",
    "pretty print css",
    "sort css properties",
    "format css online"
  ],
  "category": "data",
  "urls": {
    "page": "https://gizza.ai/tools/format-css/",
    "markdown": "https://gizza.ai/tools/format-css/index.md",
    "descriptor": "https://gizza.ai/tools/format-css/tool.json",
    "deep_link_example": "https://gizza.ai/tools/format-css/?input=.btn%7Bcolor%3A%23abcdef%3Bmargin%3A0%3B%26%3Ahover%7Bcolor%3Ared%7D%7D&indent=2&indent_char=space&sort=none&selectors_per_line=true&uppercase_hex=true"
  },
  "cli": "gizza tool format-css \".btn{color:#abcdef;margin:0;&:hover{color:red}}\"",
  "tool": {
    "description": "Pretty-print (beautify) CSS, SCSS or LESS: one declaration per line, `prop: value` spacing normalized, nested rules (SCSS/LESS `&`, `@media`/`@mixin`) indented, comments preserved. indent sets spaces per level (0-8, default 2) or set indent_char to 'tab'. sort orders declarations within each rule ('none'/'alphabetical'/'grouped', default none). selectors_per_line (default true) splits comma selectors onto their own lines. uppercase_hex (default false) uppercases hex colors. Values are never rewritten (lossless); minification is a separate tool. Runs locally.",
    "parameters": {
      "additionalProperties": false,
      "properties": {
        "indent": {
          "default": 2,
          "description": "Spaces of indentation per nesting level (0-8). Ignored when indent_char is 'tab'. Default 2.",
          "maximum": 8,
          "minimum": 0,
          "type": "integer"
        },
        "indent_char": {
          "default": "space",
          "description": "Indent with spaces or a tab character per level. Default space.",
          "enum": [
            "space",
            "tab"
          ],
          "type": "string"
        },
        "input": {
          "description": "The CSS, SCSS or LESS source to pretty-print (minified or messy input is fine).",
          "type": "string"
        },
        "selectors_per_line": {
          "default": true,
          "description": "Put each comma-separated selector on its own line (h1, h2 → h1,\\nh2). Default true.",
          "type": "boolean"
        },
        "sort": {
          "default": "none",
          "description": "Order declarations within each rule: 'none' keeps source order, 'alphabetical' sorts A-Z by property, 'grouped' uses a concentric (positioning → box model → color → typography) order. Default none.",
          "enum": [
            "none",
            "alphabetical",
            "grouped"
          ],
          "type": "string"
        },
        "uppercase_hex": {
          "default": false,
          "description": "Uppercase the hex digits of #rgb/#rrggbb color values (#abcdef → #ABCDEF). Default false.",
          "type": "boolean"
        }
      },
      "required": [
        "input"
      ],
      "type": "object"
    }
  }
}