Gathering detailed insights and metrics for node-sass-magic-importer
Gathering detailed insights and metrics for node-sass-magic-importer
Gathering detailed insights and metrics for node-sass-magic-importer
Gathering detailed insights and metrics for node-sass-magic-importer
Custom node-sass importer for selector specific imports, module importing, globbing support and importing files only once.
npm install node-sass-magic-importer
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
293 Stars
915 Commits
28 Forks
5 Watching
10 Branches
7 Contributors
Updated on 22 Nov 2024
TypeScript (92.56%)
SCSS (5.81%)
JavaScript (0.85%)
Shell (0.42%)
CSS (0.36%)
Cumulative downloads
Total Downloads
Last day
1.8%
17,293
Compared to previous day
Last week
-7.1%
91,361
Compared to previous week
Last month
11%
410,504
Compared to previous month
Last year
-1.4%
4,800,575
Compared to previous year
node-sass-magic-importer is a tool to enhance Sass @import
statements.
The node-sass-magic-importer project consists of multiple node-sass custom importers which make it possible to do a lot of fancy things with Sass @import
statements. Some of the highlights are selector and filter imports.
@import '{ .btn as .button } from ~bootstrap';
imports only .btn
selectors and renames them to .button
.@import '[variables, mixins] from menu.scss';
imports only Sass variables (e.g. $menu-height
) and mixins (e.g. @mixin menu-item()
) but no selectors.The node-sass-magic-importer repository is managed as a monorepo that is composed of many npm packages.
The node-sass-magic-importer package combines the functionality of all the other importers maintained in this package.
By using the node-sass-selector-importer it is possible to import only specific selectors from a Sass file. This enables you to take exactly the bits and pieces you really need from huge one size fits all CSS frameworks, instead of having to import the entire framework or at least some component from which you may only need one class.
The node-sass-filter-importer package allows you to filter certain types of nodes from a Sass file. That way it is possible to import – for example – only variables of a Sass file. Other possibilities are to only import only mixins or class selectors.
Globbing allows pattern matching operators to be used to match multiple files at once. The node-sass-glob-importer allows you to use glob syntax in Sass imports.
The node-sass-once-importer package changes the Sass import logic to import files only once. If the same file is imported in multiple @import
statements, this package will ignore subsequent imports of the same file.
To easily import Sass files from packages inside your node_modules
directory the node-sass-package-importer automatically resolves the paths of packages installed with npm.
Markus Oberlehner
Website: https://markus.oberlehner.net
Twitter: https://twitter.com/MaOberlehner
PayPal.me: https://paypal.me/maoberlehner
Patreon: https://www.patreon.com/maoberlehner
MIT
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
Found 0/1 approved changesets -- score normalized to 0
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
44 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-18
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn Moresass-magic-importer
sass-magic-importer uses the node-sass-magic-importer to be used with native dart/sass implementation
nwb-node-sass-magic-importer
A node-sass-magic-importer plugin for nwb
node-sass-glob-importer
Custom importer for node-sass which makes it possible to use glob syntax in Sass import statements
node-sass-package-importer
Custom importer for node-sass to import packages from the `node_modules` directory