• Stars
    star
    122
  • Rank 285,896 (Top 6 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 10 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

CSScomb plugin for Gulp.js. Formats CSS according to a pre-defined coding style.

gulp-csscomb ย  Build Status Dependency Status Tips

Format CSS coding style with CSScomb.

If you have any difficulties with the output of this plugin, please use the CSScomb tracker.


๐Ÿ”ฅ Want to strengthen your core JavaScript skills and master ES6?
I would personally recommend this awesome ES6 course by Wes Bos.


Installation

npm install gulp-csscomb --save-dev

Example 1

var gulp = require('gulp');
var csscomb = require('gulp-csscomb');

gulp.task('styles', function() {
  return gulp.src('src/styles/main.css')
    .pipe(csscomb())
    .pipe(gulp.dest('./build/css'));
});

Example 2

var gulp = require('gulp');
var $ = require('gulp-load-plugins')();

gulp.task('styles', function() {
  return gulp.src('src/styles/bootstrap.less')
    .pipe($.less({strictMath: true}))
    .pipe($.autoprefixer([
      'Android 2.3',
      'Android >= 4',
      'Chrome >= 20',
      'Firefox >= 24', // Firefox 24 is the latest ESR
      'Explorer >= 8',
      'iOS >= 6',
      'Opera >= 12',
      'Safari >= 6']))
    .pipe($.csscomb())
    .pipe(gulp.dest('./build/css'));
});

If there is .csscomb.json file present in the same folder as the source file(s), or in the project root folder, gulp-csscomb will read config settings from it instead of default config.

You can also specify a pre-defined configuration. Ex.: csscomb('zen')

License

The MIT License (MIT) ยฉ Konstantin Tarkus (@koistya)

More Repositories

1

graphql-express-mongodb-example

A minimalistic GraphQL server example built with Node.js, Express, MongoDB Native Driver, and ES2015 async/await syntax via Babel
JavaScript
57
star
2

demos

Demo projects and code recipes featuring React, Redux, Relay...
JavaScript
36
star
3

git-push

Use git-push to deploy your website to Azure, Heroku, GitHub Pages or any another hosting provider supporting Git-based deployments.
JavaScript
30
star
4

gulp-render

Pre-render React components at compile time. E.g. SomePage.jsx -> some-page.html
JavaScript
26
star
5

Blackjack

This is a simplified version of the Blackjack card game implemented as a Windows Console application with Microsoft .NET 4.5 / C#.
C#
24
star
6

git-repository

A Promise-based JavaScript wrapper library for working with Git CLI
JavaScript
16
star
7

react-recipes

ReactJS Tips and Tricks
16
star
8

react-body

ReactJS component that conditionally adds CSS class name(s) to document.body
JavaScript
10
star
9

csscomb-loader

CSScomb loader for Webpack. Allows to format CSS coding style at a build time and/or lint your CSS
JavaScript
7
star
10

nuget-gulp

Gulp.js NuGet Package for Visual Studio. Gulp.js is a Node.js-based streaming build system for client-side code (HTML, LESS, SASS, JSX...); it's a newer promising alternative to Grunt.js
Shell
3
star
11

jest-sandbox

JavaScript
2
star
12

aspnet

ASP.NET web stack fork
C#
2
star
13

file-uploader

C#
1
star
14

path-to-regexp-loader

Routes loader module for Webpack. Converts path strings into regular expressions.
JavaScript
1
star
15

scripts

Browser automation scripts (example) using JavaScript and Puppeteer
JavaScript
1
star