stylelint/stylelint

Modern CSS linter.

Casey Ydenberg

@CAYdenberg

I am a core contributor and I just filled out the form.

Should I find some bugs for you now or wait until the application is succssful?

John Vandenberg

@jayvdb

I'll check in an hour, and if successful you can put them directly into the system

John Vandenberg

@jayvdb

Invited ;-)

Try and convince another core contributor in another timezone to be your backup ;-)

Casey Ydenberg

@CAYdenberg

Anyone? @ntwb I believe you are in Australia ... :wink:

Attila Egyed

@tsm91

hey folks, question: i am looking for something that enforces css selector namespacing/prefixing

is there a stylelint plugin provides this?

example: (ns- is the required namespace/prefix)

/* bad */
.some-selector { ... }
.ns-some-selector some-other-selector { ... }

/* good */
.ns-some-selector { ... }
.ns-some-selector ns-some-other-selector { ... }

cheers!

Casey Ydenberg

@CAYdenberg

Hi Attila I think you could use the builtin rule selector-class-pattern to do this.

Brijmohanchauhan

@Brijmohanchauhan

Hi everyone.

I want to know just about the project in gsoc.

hal869

@hal869

Anyone using 'stylelint-webpack-plugin' managed to successfully ignore patterns,

.stylelintrc
    ...
    "ignorePattern": [...]
    ...

?
My config's linting fine; atm, I just can't get it to ignore files (specifically, under my "/vendor/" path. or ANY path, for that matter)

hal869

@hal869

@JaKXz am I correct in understanding 'stylelint-webpack-plugin' docs that
although configFile: is Default: (undefined), that an existing '.stylelintrc' will be found & used via cosmiconfig module ?

hal869

@hal869

seems that .stylelintrc is used, but that ignorePattern: is, itself, ignored. BUT using .stylelintignore with .gitignore pattern types DOES work

hal869

@hal869

My current stylelint config enables plugin/no-unsupported-browser-features, which is quite helpful.
It does generate hundreds of

Unexpected browser feature "<some feature>" is only partially supported by IE 10,11, Edge 15

warnings.
Those browsers ARE included in my .browserslist. For this plugin, however, I don't care.
Is it possible to exclude checks for individual rules, for specific browsers?
I.e., I just want to turn off these warnings for IE 10,11, & Edge 15

Theodór Tómas

@TheodorTomas

Has anyone here implemented a "create-react-app" along with "styled-components" and has successfully set up stylelint? I can´t seem to get it to work. Even though I am not getting any errors either.

Eric Eastwood

@MadLittleMods

@TheodorTomas Putting stylelint in your PostCSS plugin stack should be sufficient. What errors are you getting? Can you put your code up somewhere public GitLab/GitHub and share it?

xing

@MingXingTeam

hello, any update on this issue: stylelint/stylelint#1973 ?

eslint cant find globally installed package

carmelo rossette

@carmelorossette_twitter

Hi everyone

I have some noob questions

John Vandenberg

@jayvdb

Ask ;)

Timmy Huang

@tihuan

TGIF everyone! Quick question on adding a rule to disallow developers to use flex-grow, flex-shrink, etc. and to use grow directly, since grow intelligently sets other flex properties. How should I do that for my project? Thank you!

Jonathan Neal

@jonathantneal

Hello! I’m writing my first stylelint plugin. How might I access context.fix within stylelint.createPlugin? I don’t see an example, so I’m having trouble understanding https://stylelint.io/developer-guide/rules/#adding-autofixing

Jonathan Neal

@jonathantneal

I have pushed my draft plugin to GitHub, if that helps. https://github.com/jonathantneal/stylelint-logical-properties/blob/master/index.mjs

Abhinav verma

@abhiverma1924

hey , i am trying to make an custom notice board for website frontend using js and i am not getting the code right can anyone help me in this....?

Renato Marinho

@renato2marinho_twitter

Hey guys, I'm GitScrum founder. I want to invite group members to get to know GitScrum. Site: https://site.gitscrum.com/

RamyAlshurafa

@RamyAlshurafa

https://www.instagram.com/p/BmJz_jdgDqQ/?utm_source=ig_share_sheet&igshid=h4it9xgaq06u

Ashish M Mahendra

@navinyate

Jonathan Neal

@jonathantneal

Chrisdifonso

@Chrisdifonso

Hi, I am trying to insert a pic into my webpage via css,but It doesn't come up on the website

RamyAlshurafa

@RamyAlshurafa

@Chrisdifonso try to remove the double quotation

Abdellah Ahmed

@abdellahahmed

hello

Jonathan Neal

@jonathantneal

Hello

syedsimanta03

@syedsimanta03

I installed stylelint globally via NPM and have my .stylelintrc file setup for project. Do I still need the vs code stylelint plugin?

Jonathan Neal

@jonathantneal

If you want live reports, yes, I think you do.

The global install just means you can run it from the command line any time you want. The .stylelintrc file means either the vscode plugin or cli util will use that to determine which rules to warn.

syedsimanta03

@syedsimanta03

@jonathantneal thnx

syedsimanta03

@syedsimanta03

Hi please check the image and I want to keep the custom variables like that way, but itz show custom-property-empty-line-before error. Can you please set a rules. I don't need any empty line rule here.

https://imgur.com/a/EI7gkVw

syedsimanta03

@syedsimanta03

"declaration-property-value-whitelist": {
"line-height": [
"/.*em$/"
]
},

I am using the above rule which shows error when I am not using rem or em for line-height. I removed the rule still same error for line-height : 1;

There should be no error for line-height : 1; without unit. there is no rule in our docs

syedsimanta03

@syedsimanta03

anyone?

Jonathan Neal

@jonathantneal

I do not know.

Tommy Hodgins

@tomhodgins

Hello! I was hoping I could ask the right place/way to report CSS parsing bugs in StyleLint. I'm not too concerned if stylelint has a suggestion or a warning about what it finds, what I'm concerned about is StyleLint finding syntax errors in known-valid CSS syntax (which would prevent it from giving valid suggestions, since it doesn't know what it found)