# Is there a way to natively change output style of CSS from SASS files?

**URL:** <https://forum.pinegrow.com/t/is-there-a-way-to-natively-change-output-style-of-css-from-sass-files/6116>\
**Category:** Styling (CSS)\
**Tags:** css\
**Created:** [December 30, 2021, 2:06pm UTC](https://forum.pinegrow.com/t/is-there-a-way-to-natively-change-output-style-of-css-from-sass-files/6116 "2021-12-30T14:06:26Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![fakesamgregory](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/fakesamgregory/32/3903_2.png) [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Post date:** [December 30, 2021, 2:06pm UTC](https://forum.pinegrow.com/t/is-there-a-way-to-natively-change-output-style-of-css-from-sass-files/6116/1 "2021-12-30T14:06:26Z")

</div>

Eg change the output style to one of: `:nested` , `:expanded` , `:compact` , or `:compressed`?

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [December 30, 2021, 3:54pm UTC](https://forum.pinegrow.com/t/is-there-a-way-to-natively-change-output-style-of-css-from-sass-files/6116/2 "2021-12-30T15:54:03Z")

</div>

Can you expand on the question a little? I’m not sure I get what you mean.

---

<div class="post-metadata">

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Post date:** [December 30, 2021, 4:16pm UTC](https://forum.pinegrow.com/t/is-there-a-way-to-natively-change-output-style-of-css-from-sass-files/6116/3 "2021-12-30T16:16:37Z")

</div>

> **[Sass Output Styles • Inchoo](https://inchoo.net/dev-talk/tools/sass-output-styles/)**
>
> Sass has four different CSS output style. See which ones and how Sass outputs them in this tutorial!

---

<div class="post-metadata">

**Author:** ![fakesamgregory](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/fakesamgregory/32/3903_2.png) [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Post date:** [December 30, 2021, 4:16pm UTC](https://forum.pinegrow.com/t/is-there-a-way-to-natively-change-output-style-of-css-from-sass-files/6116/4 "2021-12-30T16:16:50Z")

</div>

SCSS currently compiles down to an un-minified CSS file or ‘expanded’ in SASS terms. Options in a SASS compiler like compass offer several options (nested, expanded, compact, or compressed)

```auto
/* Current */

/* main.scss */
div {
  color: red;
}

/* main.css (output) */
div {
  color: red;
}

/* Preferred */

/* main.scss */
div { 
  color: red;
}

/* main.css (output) */
div{color:red;}

```

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [December 30, 2021, 7:47pm UTC](https://forum.pinegrow.com/t/is-there-a-way-to-natively-change-output-style-of-css-from-sass-files/6116/5 "2021-12-30T19:47:28Z")

</div>

No, right now the only options are the autoprefixer settings and whether to remove empty rules.

---

<div class="post-metadata">

**Author:** ![fakesamgregory](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/fakesamgregory/32/3903_2.png) [@fakesamgregory](https://forum.pinegrow.com/u/fakesamgregory)\
**Post date:** [January 1, 2022, 8:47am UTC](https://forum.pinegrow.com/t/is-there-a-way-to-natively-change-output-style-of-css-from-sass-files/6116/6 "2022-01-01T08:47:19Z")

</div>

Thanks again @RobM. I think this’d make a nice feature. Particularly as prod code should be minified to save of file size.

Happy New Year!