PHP Developers Network
http://forums.devnetwork.net/

CSS all bunched up - quick way to fix "layout"?
http://forums.devnetwork.net/viewtopic.php?f=68&t=140224
Page 1 of 1

Author:  simonmlewis [ Wed Sep 10, 2014 3:47 am ]
Post subject:  CSS all bunched up - quick way to fix "layout"?

I have been given a CSS file, and need to go through it to strip out the classes not needed.
But it's all completely bunched up, with hardly any spaces and no 'returns'.

Is there a little tool that can go thru it in a second, and make it layout correctly?

So it isn't like this....

Syntax: [ Download ] [ Hide ]
 .logo-icon{float:left;width:50%}}.error-page-content .logo-icon img{display:block;max-width:100%;height:auto}.error-page-content p,.error-page-content span,.error-page-content a{font-weight:bold;font-size:16px;color:#ed1c24}.error-page-content a{text-decoration:underline}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;-ms-user-select:none;-moz-user-select:none}.noUi-base{display:none;visibility:hidden}.noUi-base:first-child.....

Author:  Celauran [ Wed Sep 10, 2014 7:05 am ]
Post subject:  Re: CSS all bunched up - quick way to fix "layout"?

It's minified. Most IDEs will be able to handle that for you, and I believe there's a Sublime Text plugin. Barring those, there's this online tool http://mrcoles.com/blog/css-unminify/

Author:  simonmlewis [ Wed Sep 10, 2014 8:16 am ]
Post subject:  Re: CSS all bunched up - quick way to fix "layout"?

OH my goodness that is better.

Thanks a mill.

Page 1 of 1 All times are UTC - 5 hours
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/