https://github.com/stfbauer/old-fashioned
https://github.com/stfbauer/old-fashioned
Last synced: 12 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/stfbauer/old-fashioned
- Owner: StfBauer
- License: mit
- Created: 2025-05-06T10:48:07.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-22T10:06:23.000Z (about 1 year ago)
- Last Synced: 2025-06-14T05:37:02.278Z (12 months ago)
- Language: TypeScript
- Size: 96.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Old Fashioned
A professional CSS/SCSS property organization toolkit with multiple sorting strategies and smart formatting options.
[](docs/maintenance.md)
## Demo
## What's Included
This monorepo contains the following packages:
### VS Code Extension
The [VS Code Extension](/packages/vscode-old-fashioned) 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
### Shared Library
The [shared library](/packages/shared) contains the core sorting logic used by all Old Fashioned tools:
- Various property sorting algorithms
- CSS/SCSS parsing utilities
- Configuration options handling
## Getting Started
### Using the VS Code Extension
1. Install the [Old Fashioned CSS Formatter](https://marketplace.visualstudio.com/items?itemName=N8D.vscode-old-fashioned) 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
```bash
# 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](/packages/vscode-old-fashioned/README.md) 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](docs/maintenance.md) for more information on:
- Interactive cleanup scripts
- Prepare-for-publish utilities
- Periodic automated cleanup
- And more
## 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.