Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

sass-pire

Black-Axis25MIT5.0.0

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

SCSS, SASS, sass-pire, ui-library, sass-library, scss-library

readme

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.

@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.

Feature Requests

Have an idea for a new feature? Open an issue, label it as Feature, and describe your suggestion. We'd love to hear your ideas!

License

MIT

changelog

1.13.0 (2024-09-21)

Chores
  • docs: :memo: update CHANGELOG.md file (eed1e1f4)

1.11.6 (2024-09-21)

1.10.6 (2024-06-18)

Documentation Changes
  • mixins-general:
    • :memo: add docs for tags & elements which were done in resets (52b891b1)
    • :memo: update position of var in dependencies (b8ba7184)
  • functions-global: :memo: fix mistakes in docs of function/global/_index.scss file (237085f2)
  • mixins-transform: :memo: update position of var in dependencies (a91f82c8)
  • functions-type-checks:
    • :memo: update position of var in dependencies (d4d3790c)
    • :memo: update position of var in dependencies (f5d68795)
  • functions-converters: :memo: update position of var in dependencies (7b3354cc)
  • development-utils: :memo: add description doc for dev-utils_index.scss (2cc2088d)
  • base: :memo: update description doc for base/_index.scss (6485fd0d)
  • abstract:
    • :memo: add description doc for _settings.scss file (789e3d59)
    • :memo: add description doc for abstract/_index.scss file (2816e41c)
    • :memo: add description for _global-variables.scss file (909660d3)
    • :memo: add description in doc for _config.scss file (1ca1ce38)
New Features
  • mixins-general:
    • :sparkles: add hidden prop as display none in reset mixin (4555d3af)
    • :sparkles: add reset styles for table tag element in reset mixin (5c1d0ed5)
    • :sparkles: add reset styles for menu tag element (b62092a2)
    • :sparkles: add reset styles for blockquote & q element tags (dc02a45b)
    • :sparkles: add logical-props to reset file (fbf8b5f5)
  • abstract: :sparkles: add noscript styles in reset mixin & connect with var in config file (85784f97)
  • functions-global: :sparkles: add clamped function with its details & doc (87b9e235)
Other Changes
  • //github.com/Black-Axis/sass-pire into dev (51775d2d)
  • //github.com/Black-Axis/sass-pire into dev (7786f9b7)
  • //github.com/Black-Axis/sass-pire into dev (8f3b18ec)
  • fix linter errors in .eslintrc.js file (e2147819)
  • //github.com/Black-Axis/sass-pire into dev (5608bbf1)
  • //github.com/Black-Axis/sass-pire into dev (a4d70607)
Refactors
  • mixins-general:
    • :recycle: update place of html & body tags at top of reset mixin (e83dffb6)
    • :recycle: add !default flag to maps in reset mixin (e6e993fd)
    • :recycle: update values in reset mixin in anchor element (87dafd5b)
    • :recycle: add vendor-prefixes to transform in reset mixin (3c0737ae)
    • :recycle: add vendor-prefixes to hyphens prop in reset mixin (658354e7)
    • :recycle: add vendor-prefixes to box-sizing prop in reset mixin (49b5f586)
    • :recycle: add banner mixin in mixins/general directory (0e508865)

1.9.6 (2024-05-25)

Chores
  • docs: :memo: update CHANGELOG.md file (8cc07295)
Documentation Changes
  • docs:
    • :memo: add docs for CHANGELOG.md file (b0e5c791)
    • :memo: update docs for mt & mb mixins (5b0c7948)
New Features
  • mixins-logical-props:
    • :sparkles: add margin-left mixin (2e05cce0)
    • :sparkles: add margin-right mixin with its logical-props (464d4986)
    • :sparkles: add margin-bottom for logical properties (feaf85ac)
    • :sparkles: add mt mixin for generate logical properties (674af1b1)
Other Changes
  • update all units to be one time in global-variables file (6c5b32db)
  • update CHANGELOG.md file with latest commit (7b3aef17)
  • add html tag for scroll-behavior property in reset file (46460e17)
Refactors
  • abstract: :fire: remove unused variables (ec001961)

1.9.6 (2024-05-25)

Chores
  • docs: :memo: update CHANGELOG.md file (8cc07295)
Documentation Changes
  • docs: :memo: update docs for mt & mb mixins (5b0c7948)
New Features
  • mixins-logical-props:
    • :sparkles: add margin-left mixin (2e05cce0)
    • :sparkles: add margin-right mixin with its logical-props (464d4986)
    • :sparkles: add margin-bottom for logical properties (feaf85ac)
    • :sparkles: add mt mixin for generate logical properties (674af1b1)
Other Changes
  • update CHANGELOG.md file with latest commit (7b3aef17)
  • add html tag for scroll-behavior property in reset file (46460e17)

1.9.6 (2024-04-20)

Chores
  • docs: :memo: update CHANGELOG.md file (8cc07295)
Other Changes
  • add html tag for scroll-behavior property in reset file (46460e17)

1.9.6 (2024-04-14)

1.8.6 (2024-04-14)

Chores
  • config-file: :hammer: add tags:gitlab & update tags to tags:github script (25fc199b)
  • docs: :memo: add CONTRIBUTING.md file with its content (f6a5bf17)
  • new-version: :bookmark: update version number for library to 1.8.6 (378d41b2)
Documentation Changes
  • docs: :memo: update CHANGELOG.md file with latest commit (47207596)

1.8.6 (2024-04-14)

Chores
  • new-version: :bookmark: update version number for library to 1.8.6 (378d41b2)

1.7.6 (2024-04-14)

Chores
  • docs: :memo: update docs in all files for repository flag to Black-Axis link (822d124b)
  • new-version: :bookmark: update version number in package.json file to 1.7.6 (55b633b4)
Other Changes
  • update CHANGELOG.md file with latest commit (1d229c3c)
  • update version number in _banner.scss file to latest one (376611db)

1.7.6 (2024-04-14)

Chores
  • new-version: :bookmark: update version number in package.json file to 1.7.6 (55b633b4)
Other Changes
  • update version number in _banner.scss file to latest one (376611db)

1.7.6 (2024-04-14)

Chores
  • new-version: :bookmark: update version number in package.json file to 1.7.6 (55b633b4)

1.5.1 (2024-01-26)

Documentation Changes
  • docs: :memo: Update grid-col mixin to use string values for grid placement (c1cbc81d)
  • mixins-grid-props: :memo: Refactor area mixin to include parameter documentation (ae8a4fcb)
New Features
  • mixins-grid-props:
    • :seedling: Add grid-column mixin for cross-browser compatibility (5320c15c)
    • :seedling: Add grid-area module for handling CSS vendor prefixes (03675004)
    • :seedling: Add column-gap mixin for cross-browser compatibility (19d31bbf)
    • Add inline-grid module (988a8134)
    • :hammer: Add grid mixin with its documentation (6cbdddeb)
  • functions-global: :seedling: Add trim functions for improved efficiency and consistency (0b18138e)
Other Changes
  • //gitlab.com/private-awesome-libraries/scss/sass-pire into enhance (a93b3aee)
  • //github.com/krypton225/sass-pire into mixins (38283b0e)
  • //github.com/krypton225/sass-pire into mixins (6743ac73)
  • //github.com/krypton225/sass-pire into testing (d9fe72e7)
  • //github.com/krypton225/sass-pire into testing (84b9852b)
  • //github.com/krypton225/sass-pire into testing (2e1ca0f5)
  • //github.com/krypton225/sass-pire into enhance (5ab057c6)
  • //github.com/krypton225/sass-pire into enhance (74cff0b8)
  • //github.com/krypton225/sass-pire into testing (58b1e7a0)
  • //github.com/krypton225/sass-pire into testing (42f4cdf0)
  • //github.com/krypton225/sass-pire into testing (acdf5499)
  • //github.com/krypton225/sass-pire into testing (362d5e10)
  • //github.com/krypton225/sass-pire into testing (9d0cb2b5)
  • //github.com/krypton225/sass-pire into testing (bd09c100)
  • //github.com/krypton225/sass-pire into enhance (42690935)
  • //github.com/krypton225/sass-pire into enhance (3633d4c4)
  • //github.com/krypton225/sass-pire into enhance (bdd9ba0f)
  • //github.com/krypton225/sass-pire into enhance (3b2f3dcd)
Refactors
  • enhance:
    • :recycle: Refine documentation for functions and mixins (3f33861d)
    • :recycle: Remove unnecessary error-throwing comments in flex-props (49417a4e)
    • :recycle: Refactor functions & mixins to use unitless helper (bc9fce58)
    • :recycle: Refactor string list related functions to use string module (b32e97ce)
    • :recycle: Refactor math & list related functions to use math & list module (73dd8f36)
    • :recycle: Refactor namespace & module in list test file (c1b69b28)
    • :recycle: Refactor test descriptions to accurately reflect converted values (a9cdd1ec)
    • :recycle: Add Dev.err function to test files as dependencies (0d51c784)
    • :recycle: Refactor namespace and module references for global functions (efd39539)
    • :recycle: Refactor global half function by removing unused example (f2c5b932)
    • :recycle: Refactor half function to handle non-unitless inputs (f522cce0)
    • :recycle: Refactor reset file to use new mixin names (25425d9d)
    • :recycle: Update library version in banner mixin (5c7abd96)
    • :recycle: Refactor circle mixin error handling and unit validation (2b670748)
    • :recycle: Refactor fade mixin to handle parameter type validation (f917f8fc)
    • :recycle: Refactor Error.throw function in translate-x mixin (ab44e346)
  • mixins-grid-props: :recycle: Refine col-gap mixin in its documentation (8a09bc4b)
  • tests:
    • :recycle: Update name of function calls in use statement (eae7e373)
    • :white_check_mark: Refactor test description for improved clarity around the half function (6b2e9714)
Tests
  • enhance: :recycle: Refactor function invocation formatting for consistency & readability (c4f9ff0f)
  • tests:
    • :white_check_mark: Refactor list module forwards & add reverse function test (8cb441cd)
    • :white_check_mark: Forward testing merge function for list module (d60ce682)
    • :white_check_mark: Add test cases for get-last-from function (ded83164)
    • :white_check_mark: Add test module for get-first-from function in list module (45d067b9)
    • :white_check_mark: Add test cases for center-of-list function (8b9c4948)
    • :white_check_mark: Forward list utilities & add testing for flatten function (375ab187)
    • :white_check_mark: Refactor sum function to accept lists & add unit tests (bf54e543)
    • :white_check_mark: Refactor is-in-list function & add unit testing for it (a0668a41)
    • :white_check_mark: Refactor has-pos error message & add unit testing (0ac88871)
    • :white_check_mark: Add unit tests for the half function (189f46b7)