search

ritwickdey / vscode-live-sass-compiler

Compile Sass or Scss file to CSS at realtime with live browser reload feature.
https://ritwickdey.github.io/vscode-live-sass-compiler/
MIT License
657 stars 169 forks source link

SCSS compiler dont work #352

Open Shenome opened 4 years ago

Shenome commented 4 years ago

Hello, i tried to compile my SCSS code with the Live Sass Compiler. But it is always on "working on it". So it doesn´t compile at all.

The Problems and output window shows no errors at all. Do you have any idea what could cause the problem?

Thank You.

.grid-item { max-width: 100%; overflow: hidden; padding: 10px 10px 5px 10px; border-radius: 0px; background-color: #fff; box-shadow: 1px 1px 125px 0 hsla(0, 0%, 100%, 0.2); margin-top: 4rem; }

.indexlogo { height: 6rem; width: auto; }

.center { text-align: center; }

.navigation { a { color: black !important; } }

.leistungen-content { padding: 60px; border-radius: 0px; background-color: #000; box-shadow: 1px 1px 125px 0 hsla(0, 0%, 100%, 0.2); }

.leistungen-text { margin-bottom: 0rem; }

.heading { margin-top: 0px; margin-bottom: 25px; padding-left: 32px; border-left: 2px solid #fff; font-weight: 400; }

.flex-grid { flex-basis: 100%; }

.social-icons { margin: 0; padding: 0; font-size: 14px; color: white; }

.paddingme { padding: 20px 20px !important; }

meljturner commented 4 years ago

Same issue here. Problem began after latest update to VS code Version 1.48.1

Later I noticed a typing error in my SCSS (a : instead of a ;). When corrected the problem with the Live SASS ext disappeared

Shenome commented 4 years ago

I let a friend try to compile the code on his Pc with the same compiler and all worked perfectly. So i think that just my pc have a problem with this.

AdityaV0909 commented 4 years ago

It compiles perfectly when in default settings but as soon as I change the settings.json file to { "editor.suggestSelection": "first", "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", "workbench.colorTheme": "Material Theme Ocean High Contrast", "python.languageServer": "Microsoft", "workbench.iconTheme": "vscode-icons", "editor.renameOnType": true, "liveServer.settings.donotShowInfoMsg": true, "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "liveServer.settings.donotVerifyTags": true, "liveSassCompile.settings.autoprefix": [ { "format": "compressed", // "extensionName": ".min.css", "savePath": "/css" } ] }

It doesn't compile.

Christopher-Hayes commented 3 years ago

"liveSassCompile.settings.autoprefix": should be changed to "liveSassCompile.settings.formats":

Btw, since this repo is no longer maintained, I recommend checking out the new repo maintained by Glenn at https://github.com/glenn2223/vscode-live-sass-compiler. Besides bug fixes, that repo uses Dart Sass to support the latest SASS features. You can test out the extension if you search "Live SASS Compiler - Glenn Marks" in VSCode.