Support CSS embedded in HTML files

[sasikanth513]

This should close #3

Issue

Right now, if you want to autoprefix css inside html file, you need to select the css part of the file and then select autoprefixer command.

Fix

As mentioned in this comment, using RebelMail/html-postcss package, we are able to detect css scope inside html and pass it to postcss.

Note: RebelMail/html-postcss package needs complete HTML to work, so if user selected part of css inside html file we're rolling back to using old process.

[sasikanth513]

I didn't know I can test linting issues in local till now for this package. So more commits than expected. 😄

[sindresorhus]

Can you fix the merge conflict?

[sasikanth513]

sure, will do it.

[sasikanth513]

@sindresorhus fixed merge conflicts. Everything should work fine now.

[sindresorhus]

Prefixing the CSS in the HTML file works, but the command to remove prefixes does not work in the HTML file.

I just get an error message:

Unexpected '!'. Escaping special characters with \ may help.

[sasikanth513]

@sindresorhus added option to remove prefixes from html file.

There seems to be some formatting issues here.

This is html file i'm testing on

it becomes this when autoprefix is done

and when we do autoprefix:remove prefixes this is how it becomes

[sasikanth513]

@sindresorhus seems like above issue is there even with the published version, it is not introduced by this PR.

Should I open new issue for this?

[sindresorhus]

While the issue is not introduced in this PR, I think it should still be fixed here as the feature is not really usable without.

[sasikanth513]

@sindresorhus sure, let me try this. Any inputs on where it might be the issue?

[sasikanth513]

setting cascade property as false removes that multiple tabs issue (filter property in above screenshot) but the issue with :placeholder property remains.

[sasikanth513]

just an update, I think formatting issues is because of cheerio package used by html-postcss package.

I tried to use different approach using first-man npm package but I was having issues adding it to the project.

[sasikanth513]

Closing this as I can't figure out how to make indentation work.