Nonchalantly Performs Magic

    @kunstmaan/stylelint-config

    3.0.0 • Public • Published

    Kunstmaan StyleLint

    Usage

    npm install @kunstmaan/stylelint-config --save-dev
    

    Update your .stylelintrc file:

    {
        "extends": ["./node_modules/@kunstmaan/stylelint-config/index.js"],
        "rules": {}
    }

    You can add overrides inside the rules section.

    Basic rules

    For our basic rules we've extended the stylelint-standard-config and added the stylelint-order and stylelint-scss plugins

    Custom rules

    We have done some custom extension, a lot of it to force the order of properties inside a selector. For custom rules it's best to check the .stylelintrc.js file.

    We expect the following order of properties inside a selector.

    selector {
        @include
        @extend
    
        --custom-prop
    
        $dollar-vars
    
        content
    
        float
        position
        top
        right
        bottom
        left
        z-index
    
        display
        flex
        justify-content
        width
        height
        max-width
        max-height
        min-width
        min-height
        padding
        margin
        overflow
        transform
    
        background
        box-shadow
        opacity
    
        border
        outline
    
        color
        font
        line-height
        text
        white-space
        word
    
        list-style
        transition
        will-change
        perspective
    
        &:pseudo-classes {
        }
    
        nested-selector {
        }
    
        @media
    }

    Install

    npm i @kunstmaan/stylelint-config

    DownloadsWeekly Downloads

    138

    Version

    3.0.0

    License

    MIT

    Unpacked Size

    15.2 kB

    Total Files

    5

    Last publish

    Collaborators

    • diskwriter
    • kunstmaan-npm
    • janb87
    • bverbist
    • snipsonian-npm