npmpackage.info

gulp-sass-vars

Inject variables in sass files

1.1.5

JavaScript

19.87 kB

Installations

npm install gulp-sass-vars

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

14.16.1

NPM Version

6.14.12 Score

68.9

Supply Chain

Quality

72.2

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

5

Total

9

Closed

1

Merged

3

Issues

Open

0

Total

5

Closed

5

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 3 contributors

Languages

JavaScript

SCSS

JavaScript (95.78%)

SCSS (4.22%)

Developer

giowe

Download Statistics

Total Downloads

469,976

Last Day

175

Last Week

1,006

Last Month

4,987

Last Year

68,620

GitHub Statistics

14 Stars

28 Commits

4 Forks

2 Watching

7 Branches

3 Contributors

Bundle Size

78.18 kB

Minified

19.87 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.1.5

Package Id

gulp-sass-vars@1.1.5

Unpacked Size

5.69 kB

Size

2.50 kB

File Count

NPM Version

6.14.12

Node Version

14.16.1

Total Downloads

Cumulative downloads

Total Downloads

469,976

Last day

-29.4%

175

Compared to previous day

Last week

-21.3%

1,006

Compared to previous week

Last month

8.7%

4,987

Compared to previous month

Last year

-19.8%

68,620

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

ansi-colors fancy-log parse-sass-value plugin-error readable-stream streamqueue

Dev Dependencies

@soluzioni-futura/eslint-config-soluzioni-futura eslint gulp gulp-sass

Versions

gulp-sass-vars

Inject variables in sass files from a js object.

Usage

1npm install gulp-sass-vars

1
2var sassVars = require('gulp-sass-vars');
3
4gulp.task('sass', function() {
5  const variables = {
6    theme: null,
7    url: 'https://github.com/giowe/gulp-sass-vars',
8    font: {
9      family: ["'Open Sans'", 'sans-serif'],
10      size: '1.6em',
11      color: 'rgb(0,0,0)',
12      'line-height': 1.5
13    },
14    sizes: ['xs', 'sm', 'lg'],
15    responsive: true,
16    display: 'flex'
17  };
18
19  return gulp.src('src/styles/main.scss')
20    .pipe(sassVars(variables, { verbose: true }))
21    .pipe(sass())
22    .pipe(gulp.dest('dist'));
23});

This script will prepend the following code to your main.scss file:

1$theme: null;
2$url: 'https://github.com/giowe/gulp-sass-vars';
3$font: (
4  'family': ('\'Open Sans\'', 'sans-serif'),
5  'size': 1.6em,
6  'color': rgb(0,0,0),
7  'line-height': 1.5
8);
9$sizes: ('xs', 'sm', 'lg');
10$responsive: true;
11$display: 'flex';

So you can use all those variables inside your sass file.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.4

/10

Last Scanned on 2025-01-27

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 More

Other packages similar to gulp-sass-vars

gulp-sass-vars-convertor

0.0.6

Sass 变量转换器

gulp-sass-vars-to-js

0.1.2

Export Sass variables to JavaScript

gulp-json-sass-vars

0.2.4

Gulp plugin for turning JSON files into files of scss/sass/less variable definitions.

generator-vars-django

3.0.6

Generator for Django app + Gulp, Browserify, Babel, Sass/Stylus and more.