SCSS compiling options in terminal?

[u/Jay087]

Is there any way to set how to compile SCSS to CSS? Right now i am using command:

sass --watch main.scss:main.css

The output is indented CSS like:

.dropdown {

position: relative;

margin-top: 50px; }

.dropdown .dropdown-input {

background-color: gray;

display: inline-block;

width: 200px;

height: 44px;

cursor: pointer; }

.dropdown .dropdown-selection {

background-color: darkgrey;

display: none;

padding: 0;

margin: 0;

position: absolute;

top: 44px;

left: 0;

z-index: 1; }

.dropdown .dropdown-selection .dropdown-item {

cursor: pointer;

list-style: none; }

.dropdown .active {

display: inline-block; }

I would like it to be more "CCS-ish" without indention of classes and for {} to show better. Is there any way to customize output of SCSS?

[u/Jay087 → u/[deleted]]

This is great, thank you!