# Transformation failed: SCSS processing failed:

**URL:** <https://discourse.gohugo.io/t/transformation-failed-scss-processing-failed/20909>\
**Category:** support\
**Created:** [September 22, 2019, 8:12am UTC](https://discourse.gohugo.io/t/transformation-failed-scss-processing-failed/20909 "2019-09-22T08:12:39Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![JKD-Lee](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jkd-lee/32/10799_2.png) [@JKD-Lee](https://discourse.gohugo.io/u/JKD-Lee)\
**Post date:** [September 22, 2019, 8:12am UTC](https://discourse.gohugo.io/t/transformation-failed-scss-processing-failed/20909/1 "2019-09-22T08:12:39Z")

</div>

After I upgraded hugo to 0.58.3, after executing hugo server, it shows “`ERROR 2019/09/22 15:39:44 Transformation failed: SCSS processing failed: file "stdin", line 11, col 1: File to import Not found or unreadable: spectre/src/variables`”, I checked the scss, but I can’t find the problem. I didn’t have this problem in version 0.57. I want to know how to solve this problem.Below is the theme of scss  
`$tag-leave: #32b643;  
$tag-join:#ffb700;  
$tag-note: #acb3c2;  
$tag-daily: #2176ff;  
$tag-fixed: #a1548b;  
$tag-security: #e85600;  
$tag-ZBrush: #2a2a2a;  
// $primary-color: #e54747;

// Variables and mixins  
@import “spectre/src/variables”;  
@import “spectre/src/mixins”;

/\*! Spectre.css v#{$version} | MIT License | [github.com/picturepan2/spectre](http://github.com/picturepan2/spectre) \*/  
// Reset and dependencies  
@import “spectre/src/normalize”;  
@import “spectre/src/base”;

// Elements  
@import “spectre/src/typography”;  
// @import “spectre/src/asian”;  
// @import “spectre/src/tables”;  
// @import “spectre/src/buttons”;  
// @import “spectre/src/forms”;  
@import “spectre/src/labels”;  
// @import “spectre/src/codes”;  
// @import “spectre/src/media”;

// Icons  
@import “spectre/src/icons/icons-core”;  
@import “spectre/src/icons/icons-navigation”;

// Layout  
@import “spectre/src/layout”;  
// @import “spectre/src/navbar”;

// Components  
@import “spectre/src/accordions”;  
// @import “spectre/src/avatars”;  
// @import “spectre/src/badges”;  
// @import “spectre/src/breadcrumbs”;  
// @import “spectre/src/bars”;  
// @import “spectre/src/cards”;  
// @import “spectre/src/chips”;  
// @import “spectre/src/dropdowns”;  
// @import “spectre/src/empty”;  
// @import “spectre/src/menus”;  
// @import “spectre/src/modals”;  
// @import “spectre/src/navs”;  
@import “spectre/src/pagination”;  
// @import “spectre/src/panels”;  
// @import “spectre/src/popovers”;  
// @import “spectre/src/steps”;  
// @import “spectre/src/tabs”;  
// @import “spectre/src/tiles”;  
// @import “spectre/src/toasts”;  
// @import “spectre/src/tooltips”;

// Utility classes  
// @import “spectre/src/animations”;  
@import “spectre/src/utilities”;

@import “spectre/src/timelines”;

.tag-leave {  
background: $tag-leave;  
}  
.tag-join {  
background: $tag-join;  
}

.tag-note {  
background: $tag-note;  
}

.tag-daily {  
background: $tag-daily;  
}

.tag-fixed {  
background: $tag-fixed;  
}

.tag-security {  
background: $tag-security;  
}

.tag-ZBrush {  
background: $tag-Zbrush;  
}

.changes li {  
list-style: none;  
}

.changes h4 {  
margin-bottom: 0;  
}

.full-screen-message {  
display: flex;  
flex-direction: column;  
justify-content: center;  
align-items: center;  
text-align: center;  
min-height: 100vh;  
font-size: 200%;  
text-decoration: none;  
color: #363636;  
}  
.full-screen-message a {  
display: inline-block;  
}

.deprecated {  
border-radius: 10px;

```
label {
    cursor: pointer;
}

.accordion-body {
    margin-top: 1rem;

    .timeline-item::before {
        background-color: #ffb700;
    }

    p {
        margin: 0 0 .2rem;
    }
}

```

}

.experimental ul {  
margin: 0.4em;  
}

li code {  
padding: 0.2em 0.4em;  
margin: 0;  
font-size: 85%;  
background-color: rgba(27,31,35,0.05);  
border-radius: 3px;  
vertical-align: middle;  
}  
`

---

<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:** [September 22, 2019, 10:12am UTC](https://discourse.gohugo.io/t/transformation-failed-scss-processing-failed/20909/2 "2019-09-22T10:12:52Z")

</div>

I’m guessing here, but this is probably related to this{

> <https://github.com/gohugoio/hugo/issues/6274>

I assume I have stepped wrong here somewhere, but I have not been able to reproduce it. There is, however, a workaround described in that thread – I wouldn’t call it a workaround, either, as it is a cleaner solution.