Sass-pire NPM | npm.io

SASS Pire

Just more mixins and functions with SCSS for more productive projects.

sass-pire is a lightweight and versatile library of SCSS mixins and functions designed to simplify your development workflow. Whether you're managing styles for a large-scale project or just need handy utilities, sass-pire helps you write cleaner, more efficient SCSS.

Installation

NPM

npm i -D sass-pire

Yarn

yarn add sass-pire --dev

Usage

After installing sass-pire using your favorite package manager, you can import it into any SCSS file.

Recommended Approach

@use "sass-pire" as *;

Configure Load Path

Make sure to add the --load-path=node_modules flag in your sass command in package.json:

"scripts": {
  "watch:sass": "sass --load-path=node_modules --watch ./src/index.scss"
}

Deprecation Notice

The @import statement will be deprecated in future versions of Sass. We strongly recommend using the @use statement instead.

Features

Reusable Mixins: Predefined mixins with vendor prefixes for cross-browser compatibility.
Utility Functions: Handy functions to streamline calculations and style definitions.
Media Queries: Ready-to-use breakpoints for responsive design.
Using reset-zone for resetting styles.
Add utility classes to your HTML elements.

Contribution

Contributions are welcome! Here’s how you can help: 1. Fork the repository and clone it to your local machine. 2. Create a new branch for your feature, bug fix, or issue resolution. 3. Submit a pull request describing your changes.