CODEWITHSUNDEEP
javascriptcsssublimetext3sublimetext
KY Leung
KY Leung

Reputation: 103

Sublime Text displaying CSS & Javascript in a single line

I'm facing a problem in Sublime Text where all my CSS & Javascript are displayed in a single line. So far I have no problem in displaying HTML.

Currently:

body,h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif}.bold.btn,.sbold.btn{letter-spacing:0}

I wish to display it in a structural form:

body,h1,h2,h3,h4,h5,h6{
     font-family:"Open Sans",sans-serif
}

.bold.btn,.sbold.btn{
     letter-spacing:0
}

I have searched through online but failed to find any solution. Any help will be greatly appreciated

Upvotes: 0

Views: 3482

Answers (1)

Aniruddha Alek
Aniruddha Alek

Reputation: 237

You can use a beautifier plugin from https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify . This allows you to reformat text and also comment 'beautify ignore' can be used for ignoring the reformatting of text. In this way the css and javascript codes can be split into different lines and preferable reformatting of text can be done. More instructions about installing and usage of the plugin can be found in the above link.

Upvotes: 2

Related Questions