# Linear-gradient not working when css minified (and workaround)

**URL:** <https://forum.bootstrapstudio.io/t/linear-gradient-not-working-when-css-minified-and-workaround/9696>\
**Category:** Bug Reports\
**Created:** [December 7, 2022, 6:04pm UTC](https://forum.bootstrapstudio.io/t/linear-gradient-not-working-when-css-minified-and-workaround/9696 "2022-12-07T18:04:39Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![richards](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/richards/32/3163_2.png) [@richards](https://forum.bootstrapstudio.io/u/richards)\
**Post date:** [December 7, 2022, 6:04pm UTC](https://forum.bootstrapstudio.io/t/linear-gradient-not-working-when-css-minified-and-workaround/9696/1 "2022-12-07T18:04:40Z")

</div>

I have been working on a site with a linear-gradient background using the following css:

```auto
#grad {
  background-image: linear-gradient( 95deg, hsl(20deg 5% 88%) 0%, hsl(0deg 4% 91%) 20%, hsl(30deg 5% 93%) 29%, hsl(0deg 4% 95%) 36%, hsl(0deg 0% 97%) 43%, hsl(0deg 0% 99%) 50%, hsl(0deg 4% 95%) 57%, hsl(30deg 5% 91%) 64%, hsl(20deg 5% 88%) 71%, hsl(30deg 7% 84%) 80%, hsl(27deg 9% 80%) 100% );
}

```

This works fine in the preview, but when I went to publish it to the bss server, it doesn’t show.

A bit of experimenting with exports and it seem that it ‘breaks’ when exported with css minified.

The work-around it to put the exact same code in a scss file in bss and then it works.

---

<div class="post-metadata">

**Author:** ![martin](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/martin/32/3_2.png) [@martin](https://forum.bootstrapstudio.io/u/martin)\
**Post date:** [December 9, 2022, 12:47pm UTC](https://forum.bootstrapstudio.io/t/linear-gradient-not-working-when-css-minified-and-workaround/9696/2 "2022-12-09T12:47:31Z")

</div>

Thank you for the report! It appears that the CSS minifier which we use turns 0% to 0 in HSL values which is incorrect. We will fix this in our next update.