less-plugin-semantic-theme
v0.1.1
Published
Change the directory semantic ui looks for your theme.
Downloads
4
Readme
Less Plugin Semantic Theme
Change the directory semantic ui looks for your theme.
This is intended to be used in combination with with less-plugin-npm-import and semantic-ui-less as a replacement for the broken less-plugin-semantic-ui.
Install
npm i --save-dev less-plugin-semantic-theme
Usage
var gulp = require('gulp');
var less = require('gulp-less');
var sourcemaps = require('gulp-sourcemaps');
var autoprefixer = require('gulp-autoprefixer');
var NpmImport = require('less-plugin-npm-import');
var CorrectTheme = require('less-plugin-semantic-theme');
gulp.task('less', function () {
gulp.src('css/style.less')
.pipe(sourcemaps.init())
.pipe(less({
plugins: [
new CorrectTheme({ base: './css' }),
new NpmImport()
]
}))
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(sourcemaps.write())
.pipe(gulp.dest('./dist/'));
});
You can now store your theme.config inside of css
, then in css/style.less you can do...
@import "npm://semantic-ui-less/semantic.less";
Contributing
Please figure out how to write test cases for this, I wasn't sure where to start.
License
MIT