Old Fashioned

January 13, 2026 · View on GitHub

A professional CSS/SCSS property organization toolkit with multiple sorting strategies and smart formatting options.

Maintenance Documentation

Demo

Old Fashioned CSS Formatter in action

What's Included

This monorepo contains the following packages:

VS Code Extension

The VS Code Extension provides an easy-to-use interface for sorting and organizing CSS/SCSS properties directly in your editor. Features include:

  • Multiple sorting strategies (alphabetical, concentric, idiomatic)
  • Support for CSS, SCSS, and SASS files
  • Smart formatting options including property grouping
  • Configurable notification levels
  • Integration with VS Code's built-in formatter

Stylelint Plugin

The Stylelint plugin brings Old Fashioned's powerful sorting capabilities to your linting workflow:

  • Enforce consistent CSS property order through linting rules
  • Same sorting strategies as the VS Code extension
  • Integrates with existing Stylelint configurations
  • Detailed reporting of ordering issues
  • Can be used in CI/CD pipelines for code quality enforcement

Shared Library

The shared library contains the core sorting logic used by all Old Fashioned tools:

  • Various property sorting algorithms
  • CSS/SCSS parsing utilities
  • Configuration options handling
  • Property group definitions

Getting Started

Using the VS Code Extension

  1. Install the Old Fashioned CSS Formatter from the VS Code marketplace
  2. Open a CSS, SCSS, or SASS file
  3. Use the command palette (Ctrl+Shift+P or Cmd+Shift+P) and search for "Sort CSS Properties (Old Fashioned)"
  4. Customize your sorting strategy in the extension settings

Setting Up for Development

# Clone the repository
git clone https://github.com/n8design/old-fashioned.git
cd old-fashioned

# Install dependencies
npm install

# Build all packages
npm run build

# Run tests
npm test

Configuration

Old Fashioned supports several sorting strategies:

  • Alphabetical: Sort properties alphabetically (A-Z)
  • Concentric: Sort from outside to inside (position → text → misc)
  • Idiomatic: Sort according to idiomatic CSS standards

See the VS Code Extension README for detailed configuration options.

Project Maintenance

This project includes several tools to help maintain a clean workspace and prepare packages for publishing. See the maintenance documentation for more information on:

  • Interactive cleanup scripts
  • Prepare-for-publish utilities
  • Periodic automated cleanup
  • And more

Documentation

Old Fashioned comes with comprehensive documentation:

Core Documentation

Sorting Strategies

Package-Specific Documentation

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.