How to open css files in a readable format

Question

I want to open the CSS files in Atom editor but it is formatted in a difficult way thread. any ideas to open CSS files in a nice CSS format.CSS Files to open and read

Answer 1

I found https://codebeautify.org/css-beautify-minify extremely useful. It is easy to use. No need to install anything. Just save result to your css.

Answer 2

To convert any minified(unreadable) file into readable form is called beautify. The extension, plugin, software or tool which convert minified file into readable file is called Beautifier / Formatter.

There are several methods to use it.

Code Editor Extensions/Plugins

• cssbeautify (ATOM)
• HTML-CSS-JS Prettify (Sublime Text)
• brackets-beautify (Adobe Brackets)
• Beautify (VS Code)

Bundlers and Task Runner Tools

• Prettier Webpack Plugin (Webpack)
• gulp-cssbeautify (Gulp)

Online Tools

• atom-beautify (https://atom.io/packages/atom-beautify)
• freeformatter (https://www.freeformatter.com/css-beautifier.html)
• Minify Code (http://minifycode.com/css-beautifier/)

You can also use it with Developer tools in your favorite browser.