GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → maoberlehner → Node Sass Magic Importer

maoberlehner / Node Sass Magic Importer

Licence: mit
Custom node-sass importer for selector specific imports, module importing, globbing support and importing files only once.

Programming Languages

typescript
32286 projects

Labels

csshacktoberfestsass

Projects that are alternatives of or similar to Node Sass Magic Importer

Aquila
🎨 An Advanced WordPress theme
Stars: ✭ 204 (-25.27%)
Mutual labels:  hacktoberfest, sass
Magento2 Theme Blank Sass
SASS based version of Magento 2 Blank theme
Stars: ✭ 373 (+36.63%)
Mutual labels:  hacktoberfest, sass
Scssphp
SCSS compiler written in PHP
Stars: ✭ 309 (+13.19%)
Mutual labels:  hacktoberfest, sass
Backslide
💦 CLI tool for making HTML presentations with Remark.js using Markdown
Stars: ✭ 679 (+148.72%)
Mutual labels:  hacktoberfest, sass
Generator Ngx Rocket
🚀 Extensible Angular 11+ enterprise-grade project generator
Stars: ✭ 1,329 (+386.81%)
Mutual labels:  hacktoberfest, sass
Boilerplate
Responsive CSS, HTML and JavaScript front-end starting point.
Stars: ✭ 48 (-82.42%)
Mutual labels:  hacktoberfest, sass
Magento2 Frontools
Set of front-end tools for Magento 2 based on Gulp.js
Stars: ✭ 416 (+52.38%)
Mutual labels:  hacktoberfest, sass
Tinseltown.js
A lightweight CSS/JS library for faux hacker-movie-style page loading effects
Stars: ✭ 113 (-58.61%)
Mutual labels:  hacktoberfest, sass
Stylesheet
The GTK Stylesheet for elementary OS
Stars: ✭ 260 (-4.76%)
Mutual labels:  hacktoberfest, sass
Github Stats
📈 Visualize stats about GitHub users and projects in your terminal.
Stars: ✭ 271 (-0.73%)
Mutual labels:  hacktoberfest
Fluentresults
A generalised Result object implementation for .NET/C#
Stars: ✭ 266 (-2.56%)
Mutual labels:  hacktoberfest
Eloquent Power Joins
The Laravel magic you know, now applied to joins.
Stars: ✭ 264 (-3.3%)
Mutual labels:  hacktoberfest
Openms
The codebase of the OpenMS project
Stars: ✭ 270 (-1.1%)
Mutual labels:  hacktoberfest
Input Range Scss
Styling Cross-Browser Compatible Range Inputs with Sass
Stars: ✭ 272 (-0.37%)
Mutual labels:  sass
Documentation
📘 Nextcloud documentation
Stars: ✭ 268 (-1.83%)
Mutual labels:  hacktoberfest
Awesome Go Storage
A curated list of awesome Go storage projects and libraries
Stars: ✭ 3,224 (+1080.95%)
Mutual labels:  hacktoberfest
Devdocs Desktop
🗂 A full-featured desktop app for DevDocs.io.
Stars: ✭ 3,040 (+1013.55%)
Mutual labels:  hacktoberfest
Redaxo
REDAXO, a PHP-based CMS since 2004. Both simple and flexible.
Stars: ✭ 268 (-1.83%)
Mutual labels:  hacktoberfest
Travis Ci Discord Webhook
⛓ Here's your serverless solution for sending build status from Travis CI to Discord as webhooks.
Stars: ✭ 273 (+0%)
Mutual labels:  hacktoberfest
Protein
💊 Protein is an IntelliJ Plugin to generate Kotlin code for Retrofit 2 and RxJava 2 based on a Swagger definition
Stars: ✭ 273 (+0%)
Mutual labels:  hacktoberfest
View All Similar Projects ➔

node-sass-magic-importer

Patreon Donate Build Status Coverage Status GitHub stars

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.

Packages

The node-sass-magic-importer repository is managed as a monorepo that is composed of many npm packages.

node-sass-magic-importer

The node-sass-magic-importer package combines the functionality of all the other importers maintained in this package.

node-sass-selector-importer

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.

node-sass-filter-importer

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.

node-sass-glob-importer

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.

node-sass-once-importer

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.

node-sass-package-importer

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.

About

Author

Markus Oberlehner
Website: https://markus.oberlehner.net
Twitter: https://twitter.com/MaOberlehner
PayPal.me: https://paypal.me/maoberlehner
Patreon: https://www.patreon.com/maoberlehner

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].