import gulp from 'gulp'
import stylus from 'gulp-stylus'
import grid from 'smart-grid'
import del from 'del'
const settings = {
outputStyle: 'styl', /* less || scss || sass || styl */
columns: 12, /* number of grid columns */
offset: "30px", /* gutter width px || % */
container: {
maxWidth: '1200px', /* max-width оn very large screen */
fields: '30px' /* side fields */
},
breakPoints: {
lg: {
'width': '1100px', /* -> @media (max-width: 1100px) */
'fields': '30px' /* side fields */
},
md: {
'width': '960px',
'fields': '15px'
},
sm: {
'width': '780px',
'fields': '15px'
},
xs: {
'width': '560px',
'fields': '15px'
}
}
};
const paths = {
styl: {
vendor: './vendor/',
src: './src/**/*.styl',
dest: './dest'
}
}
const clean = () => del([ 'dest' ])
export { clean }
export function init(cb){
grid(paths.styl.vendor, settings)
cb()
}
export function styl_build(){
return gulp.src(paths.styl.src)
.pipe(stylus({
paths : [
'src',
'vendor'
]
}))
.pipe(gulp.dest(paths.styl.dest))
}
const build = gulp.series(
clean,
init,
styl_build
)
export { build }
export default build
