Introduction

Welcome to UnSass, a collection of modern Sass utilities designed to streamline your CSS development workflow.

What is UnSass?

UnSass is a suite of modular Sass tools that help you write cleaner, more maintainable stylesheets. Each package focuses on solving specific CSS challenges:

• @unsass/breakpoint - Responsive design made easy
• @unsass/css - CSS declarations and custom properties
• @unsass/rem - Pixel to rem conversion
• @unsass/selector - Prefixed selector generation

Key Features

🎯 Modular Architecture

Each UnSass package is independent. Install only what you need, keeping your dependencies lean.

🔒 Reliable

Built with consistent APIs and validation to catch errors early and ensure predictable results.

📚 Well-Documented

Comprehensive documentation with examples and use cases for every feature.

⚡ Performance Focused

Optimized for fast compilation and minimal output CSS.

🔧 Configurable

Flexible configuration options to match your project's needs.

When to Use UnSass?

UnSass is ideal for projects that:

• Need consistent code across components
• Want to manage design tokens and custom properties
• Require precise rem-based sizing
• Use utility-first or namespaced CSS patterns

Browser Support

UnSass generates standard CSS that works in all modern browsers. Specific features like CSS custom properties require:

• Chrome/Edge 49+
• Firefox 31+
• Safari 9.1+

Getting Help

• GitHub Issues - Report bugs or request features