This repository has been archived by the owner on Apr 9, 2024. It is now read-only.

mycsHQ / postcss-sort-alphabetically Public archive

Notifications You must be signed in to change notification settings
Fork 0
Star 2

Postcss plugin that sorts css rules alphabetically

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 9 Commits
.editorconfig		.editorconfig
.gitignore		.gitignore
.npmignore		.npmignore
.travis.yml		.travis.yml
CHANGELOG.md		CHANGELOG.md
LICENSE		LICENSE
README.md		README.md
index.js		index.js
index.test.js		index.test.js
package.json		package.json

Repository files navigation

PostCSS Sort Alphabetically

PostCSS plugin which sorts css properties alphabetically.

    /* Input example */
    a{
        border: 1px solid black;
        color: red;
        background-color: red;
    }
    div{
        padding: 10px;
        margin: 20px;
        color: red;
        background-color: red;
    }
    .class {
        flex: 1;
        display-flex: 10px;
    }
    #some {
        background-image: url('something');
        align-items: center;
    }

  /* Output example */
   a{
        background-color: red;
        border: 1px solid black;
        color: red;
    }
    div{
        background-color: red;
        color: red;
        margin: 20px;
        padding: 10px;
    }
    .class {
        display-flex: 10px;
        flex: 1;
    }
    #some {
        align-items: center;
        background-image: url('something');
    }

Usage

postcss([ require('postcss-sort-alphabetically') ])

See PostCSS docs for examples for your environment.

Contributing

Feel free to open issues, make suggestions or send PRs. This project adheres to the Contributor Covenant code of conduct. By participating, you are expected to uphold this code.