# Coming Soon: SASS support and more

**URL:** https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429
**Category:** Announcements
**Created:** [June 14, 2018, 9:19pm UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429 "2018-06-14T21:19:33Z")
**Posts on this page:** 20
**Page:** 4

<div class="post-metadata">

### Author: ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)
#### Post date: [July 1, 2018, 10:45pm UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/61 "2018-07-01T22:45:54Z")

</div>

> **[tdewolff/minify](https://github.com/tdewolff/minify)**
>
> Go minifiers for web formats. Contribute to tdewolff/minify development by creating an account on GitHub.

---

<div class="post-metadata">

### Author: ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)
#### Post date: [July 3, 2018, 7:19am UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/62 "2018-07-03T07:19:33Z")

</div>

/cc @regis

> <https://twitter.com/GoHugoIO/status/1014043803777425409>

I was pleasently surprised to test this and it … just worked.

---

<div class="post-metadata">

### Author: ![regis](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/regis/32/4958_2.png) [@regis](https://discourse.gohugo.io/u/regis)
#### Post date: [July 3, 2018, 10:45am UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/63 "2018-07-03T10:45:49Z")

</div>

This is going the “check solved” many threads! Thanks for making this a very near future reality.

---

<div class="post-metadata">

### Author: ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)
#### Post date: [July 3, 2018, 5:16pm UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/64 "2018-07-03T17:16:22Z")

</div>

Hey gang,

You have a final chance to look at all the new functions coming and suggest some final adjustments – or just look:

> <https://github.com/gohugoio/hugo/issues/4854#issuecomment-402229942>

---

<div class="post-metadata">

### Author: ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)
#### Post date: [July 4, 2018, 9:07pm UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/65 "2018-07-04T21:07:39Z")

</div>

I managed to find a way to get LiveReload “hot reloading” working for these assets changes. This avoids browser reloads and makes it lot snappier. I will probably only enable in “fast render mode” (because it requires hashing of the published content to detect changes). I will test a little more, but it is very very cool. Works wonder for images, CSS (that can be built from SCSS) and JS.

---

<div class="post-metadata">

### Author: ![RickCogley](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rickcogley/32/10269_2.png) [@RickCogley](https://discourse.gohugo.io/u/RickCogley)
#### Post date: [July 5, 2018, 12:12am UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/66 "2018-07-05T00:12:16Z")

</div>

wow, fantastic!

---

<div class="post-metadata">

### Author: ![rdwatters](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rdwatters/32/2848_2.png) [@rdwatters](https://discourse.gohugo.io/u/rdwatters)
#### Post date: [July 5, 2018, 1:21am UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/67 "2018-07-05T01:21:31Z")

</div>

> [@bep](#):
>
> I managed to find a way to get LiveReload “hot reloading” working for these assets changes.

This new feature set just keeps getting better and better! I can’t wait to install and give it a test run!

---

<div class="post-metadata">

### Author: ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)
#### Post date: [July 6, 2018, 10:11am UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/68 "2018-07-06T10:11:19Z")

</div>

> <https://twitter.com/GoHugoIO/status/1015175963506823168>

Oh my …

---

<div class="post-metadata">

### Author: ![Leo\_Merkel](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/leo_merkel/32/3321_2.png) [@Leo\_Merkel](https://discourse.gohugo.io/u/Leo_Merkel)
#### Post date: [July 6, 2018, 11:38am UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/69 "2018-07-06T11:38:00Z")

</div>

Alexa: Drum roll!

---

<div class="post-metadata">

### Author: ![matt\_paz](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/matt_paz/32/6338_2.png) [@matt\_paz](https://discourse.gohugo.io/u/matt_paz)
#### Post date: [July 6, 2018, 1:44pm UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/70 "2018-07-06T13:44:06Z")

</div>

This is awesome! Quick question tho, where do you set the `EnableSourceMap` boolean?

---

<div class="post-metadata">

### Author: ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)
#### Post date: [July 6, 2018, 1:48pm UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/71 "2018-07-06T13:48:42Z")

</div>

> <https://github.com/bep/hugo-sass-test/blob/master/layouts/_default/baseof.html#L9>

---

<div class="post-metadata">

### Author: ![matt\_paz](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/matt_paz/32/6338_2.png) [@matt\_paz](https://discourse.gohugo.io/u/matt_paz)
#### Post date: [July 6, 2018, 2:27pm UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/72 "2018-07-06T14:27:44Z")

</div>

Perfect. Thanks!

---

<div class="post-metadata">

### Author: ![holehan](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/holehan/32/5121_2.png) [@holehan](https://discourse.gohugo.io/u/holehan)
#### Post date: [July 6, 2018, 2:28pm UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/73 "2018-07-06T14:28:42Z")

</div>

I just **had** to give it a try on my mac and android phone (aarch64). The hugo install process gave me the same two wellington/go-libsass warnings on both systems, but it worked nonetheless. I tested only a few simple things (toCSS | minify | fingerprint). Serving and reloading is as fast as one would expect 😄. I am really looking forward to not having to use nodesass anymore.

---

<div class="post-metadata">

### Author: ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)
#### Post date: [July 6, 2018, 2:30pm UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/74 "2018-07-06T14:30:25Z")

</div>

> [@holehan](#):
>
> two wellington/go-libsass warnings on both systems,

Yes, those are known. I will look into that, but I have used this extensively the last few weeks and have had no SASS-related issues.

---

<div class="post-metadata">

### Author: ![regis](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/regis/32/4958_2.png) [@regis](https://discourse.gohugo.io/u/regis)
#### Post date: [July 6, 2018, 5:41pm UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/75 "2018-07-06T17:41:00Z")

</div>

I’m on `v0.43-DEV darwin/amd64` but get this error when using `toCSS`  
`failed to transform resource: failed to transform "sass/main.scss" (text/x-scss): this feature is not available in your current Hugo version`

I guess I need help ☹ It is mentionned needing a C compiler, but I thought it was only when building from source.

---

<div class="post-metadata">

### Author: ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)
#### Post date: [July 6, 2018, 5:45pm UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/76 "2018-07-06T17:45:12Z")

</div>

> [@regis](#):
>
> I guess I need help ☹ It is mentionned needing a C compiler, but I thought it was only when building from sourc

There is no relase builds, so you, by definition, have to build it from source … or get a binary from someone who built it from source.

If you have XCode installed (which would give you the C compiler), try:

```auto
HUGO_BUILD_TAGS=extended mage install

```

If you still have problems, send me a PM.

---

<div class="post-metadata">

### Author: ![RickCogley](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/rickcogley/32/10269_2.png) [@RickCogley](https://discourse.gohugo.io/u/RickCogley)
#### Post date: [July 7, 2018, 1:07am UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/77 "2018-07-07T01:07:11Z")

</div>

Eureka! It works. 😄

Had a bit of a struggle to get everything compiling and linking, but, it appears to basically be working fine now.

Super!

I can set the `$moo` variable in `_customvars.scss` and boom, it updates the site.  
I can see how changing the _Hugo Pipes_ pipeline in `baseof.html` works to change how the css is compiled and minified etc.

Really cool.

---

<div class="post-metadata">

### Author: ![pamubay](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/pamubay/32/17838_2.png) [@pamubay](https://discourse.gohugo.io/u/pamubay)
#### Post date: [July 7, 2018, 7:24am UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/78 "2018-07-07T07:24:37Z")

</div>

already tested from the source, well i must say this is AMAZING 😍

my favorite thing actually `resources.FromString`😍 combined with `resources.Concat`  
really nice, now i can output anything i want 🕶

Thanks to @bep and all contributors 👍👍👍

---

<div class="post-metadata">

### Author: ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)
#### Post date: [July 7, 2018, 8:08am UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/79 "2018-07-07T08:08:45Z")

</div>

> [@pamubay](#):
>
> my favorite thing actually `resources.FromString` 😍 combined with `resources.Concat`  
> really nice, now i can output anything i want 🕶

I added that mainly to make it easier to write tests for all of this … but I assumed it was going to be useful for some.

---

<div class="post-metadata">

### Author: ![lucperkins](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/lucperkins/32/1280_2.png) [@lucperkins](https://discourse.gohugo.io/u/lucperkins)
#### Post date: [July 7, 2018, 8:15am UTC](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429/80 "2018-07-07T08:15:36Z")

</div>

I refactored the website for my recent book to use the new version:

> **[Seven Databases in Seven Weeks](https://7dbs.io)**
>
> Seven Databases in Seven Weeks: A Guide to Modern Databases and the NoSQL Movement

I pulled up @bep’s example project, spent about 5 minutes working on syntax, and I was good to go. Love at first sight. Bam.

PS: Hugo + Netlify + Bulma CSS is fucking deadly, y’all.

[Previous page](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429.md?page=3)

[Next page](https://discourse.gohugo.io/t/coming-soon-sass-support-and-more/12429.md?page=5)
