Skip to content

Instantly share code, notes, and snippets.

@heckctor
Forked from kritollm/bulmatoscss_gulpfile.js
Created October 10, 2017 00:41
Show Gist options
  • Save heckctor/3cc39287c4b2428bae290f5ebd5cb6b1 to your computer and use it in GitHub Desktop.
Save heckctor/3cc39287c4b2428bae290f5ebd5cb6b1 to your computer and use it in GitHub Desktop.
Converts Bulma CSS framework from SASS to SCSS
// Bulma to scss gulp script
// In your terminal
// 1. npm install -D sass-convert gulp bulma gulp-sass gulp-replace
// 2. gem install sass
var gulp = require("gulp"),
replace = require('gulp-replace'),
converter = require('sass-convert'),
sass = require('gulp-sass');
gulp.task('sass', function () {
return gulp.src('./bulma/bulma.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('./bulma/css'));
});
gulp.task('bulmaconvert', function () {
return gulp.src(['node_modules/bulma/*.+(sass|scss)',
'node_modules/bulma/sass/**/*.+(sass|scss)'
], { base: './node_modules/bulma/' })
.pipe(converter({
from: 'sass',
to: 'scss',
rename: true
}))
// Rename file paths in source files
.pipe(replace('.sass"', '.scss"'))
.pipe(gulp.dest('./bulma'));
});
// 3. gulp bulmaconvert
// 4. gulp sass
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment