How to get proper indentation from sass to css?

Question

I am a new sass user. when i am typing in style.scss and it converted to style.css, the stylesheet indentations is too poor. The style.css did not get the proper indentation.

I am using c9.io here is the screenshot of my style.scss and style.css

Thank You

score 1 · Answer 1 · answered Jan 09 '17 at 06:46

1

That is just how SASS compiles, every parent's child will be indented.

You can see how panel-heading, thumbnails, panel-footer classes are direct children to featured_post class and they are on same indent level.

answered Jan 09 '17 at 06:46

Josip Šokec

76

Thank You. but is there any way to make that css beautiful. – smehsan Mar 03 '17 at 10:32
Yes, there are several options: nested, compact, expanded and compressed. Check out this link – Josip Šokec Mar 04 '17 at 18:38

How to get proper indentation from sass to css?

1 Answers1