csscomb / www Goto Github PK

View Code? Open in Web Editor NEW

3.0 3.0 5.0 294 KB

Source files for csscomb.com

Home Page: http://csscomb.com

JavaScript 58.10% CSS 22.98% HTML 18.91%

www's Introduction

DEPRECATED

This version of CSScomb is no longer supported, guys.
We have a new super cool Node.js version instead!

Tool for sorting CSS properties

Sorts CSS properties into a logical, consistent order
Allows for custom sorting of CSS properties (set it to whatever order you're accustomed to)
Parses CSS in style tags and style attributes -- can comb other languages for CSS as well
Does not change existing formatting of style sheets --target single or multiple lines of CSS
Separates CSS properties into groups (you can have groups of empty strings, if you want)
Fully supports CSS2/CSS2.1/CSS3

The CSScomb algorithm simulates a web developer's judgment in ordering CSS styles. You can spend tons of time re-ordering code--moving lines over each other, working around comments in the code, moving multi-line sets of property values, and all sorts of hacking to make your code more readable. CSScomb takes care of these tasks for you. It "thinks" like a person editing the text, not as a blind robot parsing CSS.

CSScomb.com

The Requirements

CSScomb is written in pure PHP, without any external libraries or dependencies. See details at wiki.

Download plugins

Sublime Text 2 plugin avaliable in Package Control as 'CSScomb'
TextMate plugin
Coda plugin
Coda 2 plugin
Espresso 2 plugin (How to install)
IntelliJIDEA plugin
WebStorm plugin
PyCharm plugin
Notepad ++ plugin
Chocolat Mixin
Vim Plugin

CLI usage

Available at csscomb.com

% php csscomb.php

CSSComb
Command line tool for resort CSS code.

SYNOPSIS
    $ php csscomb.php -s <file with JSON array> -i <path to input css file> -o <path to result css file>

DESCRIPTION
    options:
    -s, --sort-order    specify file with custom sort order. File must contain JSON data. For detail information run 'csscomb.php --help-sort-order'
    -i, --input         must be directory name or file that needs to be sorted
    -o, --output        sort result file. Use output when input is not a directory name, otherwise output param ignored. If output filename does not exist, the file is created. Otherwise, the existing file is overwritten.

    --help, -help, -h, -? or no options will print this man.

EXAMPLE
    csscomb.php -s my-custom-sort-order.json -i css/style.css -o css/style-resorted.css

EXAMPLE 2
    csscomb.php -i some_directory_name

Twitter

@csscomb

www's People

Contributors

Stargazers

Watchers

Forkers

jeffreywugz kaleb jeffersonlam lit-uriy

www's Issues

Build config based on detect feature

It would be really handy, if the http://csscomb.ru/config page would allow you not only to go through the step-by-step configuration, but also would allow you to just paste your CSS and get the result configuration with the detected options. Then, for those options that were not detected or can't be detected (like sort-order), you could still go through the reduced step-by-step config.

Domain name has expired

Google Fonts import link parses incorrectly

My css code:

@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin,cyrillic);

csscomb.com/online response:


Please check the validity of the block starting from line #1

1*| @import url(http://fonts.googleapis.com/css?family=PT Sans Narrow

Gonzales PE version: 3.0.0-10
CSScomb Core version: 2.0.2

CSScomb for Chocolat link incorrect

Can you please change the link for the link titled CSScomb for Chocolat. The correct url is https://github.com/csscomb/csscomb.chocmixin.

Thanks!

“Back” button for step-by-step config

If I chose an incorrect option at http://csscomb.ru/config and then wanted to go back, right now there is no way to do it.

Also: going back in history resets the config: it would be handy to store the unfinished state somehow, so if you wouldn't finish the config, then you could come back and continue it from the place you left it.

comb it button tells me not to be evil

On http://csscomb.com/online/ when I press the "Comb It" button, the demo-textarea simply says "Don't be evil"

Expected:

I expected it to return combed CSS instead of lecturing me on how I should be living my life. I can be evil if I want to.

Config builder `tab-size` out of date.

I just used the online config builder (which is awesome!). Afterwards, when I ran csscomb, I got a warning:

Failed to configure "tab-size" option:
The option does not accept values of type "boolean".
Value's type must be one the following: number.

It appears that the config builder set "tab-size": true. I updated this to my desired value as a number and the error went away "tab-size": 2.