332 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 1+ items on Envato Market
+3 more
dekciw says
ATM I ’m coding my first template for ThemeForest. The thing is that I’m used to style CSS like this:
.selector {xx: a; yy: b;}
So the question is.. Is that OK? Or should I style CSS like this:
.selector {
   xx: a;
   yy: b;
}
before submiting my template?
4327 posts ThemeForest Reviewer
  • Has referred 1+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Member of the Envato Team
+12 more
Ivor Envato team says

Both are valid. I would recommend this tool to beautify your css — http://procssor.com/

332 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 1+ items on Envato Market
+3 more
dekciw says

Thanks for a quick response and great resource, Ivor!

I guess, topic can be locked now.

443 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $1,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
SplitV says
Ivor said
Both are valid. I would recommend this tool to beautify your css — http://procssor.com/

That is a probably the best beautifier I’ve seen now. Thanks!

316 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Has been part of the Envato Community for over 3 years
+2 more
SyamilMJ says

Awesome stuff Ivor. Thanks!

2057 posts
  • Has collected 50+ items on Envato Market
  • Has been part of the Envato Community for over 4 years
  • Sells items exclusively on Envato Market
  • Located in United States
Landonw says
Ivor said
Both are valid. I would recommend this tool to beautify your css — http://procssor.com/

Brilliant! Thanks mate!

107 posts Too Much is Never Enough
  • Has referred 100+ members
  • Has sold $125,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+3 more
premitheme says

Thanks Ivor for the link.

@dekciw I use both in the same stylesheet, when I have a CSS rule with just one or two properties I use the first example and save the space, for more than 3 properties I use the second one.

212 posts
  • Has been part of the Envato Community for over 4 years
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Located in Portugal
shaki says

Guys, maybe I did something wrong, but my CSS file has some id’s and classes I created, BUT after using ProCSSror many things disappeared.

Did I do something wrong?

2 posts
  • Has been part of the Envato Community for over 2 years
nimbuz says
shaki said
Guys, maybe I did something wrong, but my CSS file has some id’s and classes I created, BUT after using ProCSSror many things disappeared. Did I do something wrong?

Can you post your CSS ?

212 posts
  • Has been part of the Envato Community for over 4 years
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Located in Portugal
shaki says
nimbuz said
shaki said
Guys, maybe I did something wrong, but my CSS file has some id’s and classes I created, BUT after using ProCSSror many things disappeared. Did I do something wrong?
Can you post your CSS ?

Hi,

What happens is it cuts my CSS – I insert a file with 1000 lines and the output is shorter.

Edit:

Got it working. I had a line like this one: <!-some info-> and it breaked the whole thing from here. But now it grabs all CSS .

:) Great Script!!!

by
by
by
by
by
by