Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Libsass can't parse "font:" shorthand options that are valid for CSS #2382

Closed
wzup opened this issue May 19, 2017 · 0 comments
Closed

Libsass can't parse "font:" shorthand options that are valid for CSS #2382

wzup opened this issue May 19, 2017 · 0 comments

Comments

@wzup
Copy link

wzup commented May 19, 2017

Looks like the library doesn't know how to parse this:

.test {
  font: normal normal 400 16px/calc(16px * 1.4) Oxygen;
}

I use webpack with node-sass. And it throws an error on 16px/calc(16px * 1.4):

ERROR in ./src/sass/globals.scss
    Module build failed: ModuleBuildError: Module build failed:
        font: normal normal 400 16px/calc(16px * 1.4) Oxygen;
                               ^
          16px/calc isn't a valid CSS value.
          in C:\Users\user\app\src\sass\globals.scss (line 15, column 29)
        at runLoaders (C:\Users\user\app\node_modules\webpack\lib\NormalModule.js:192:19)
        at C:\Users\user\app\node_modules\loader-runner\lib\LoaderRunner.js:364:11
        at C:\Users\user\app\node_modules\loader-runner\lib\LoaderRunner.js:230:18
        at context.callback (C:\Users\user\app\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
        at Object.asyncSassJobQueue.push [as callback] (C:\Users\user\app\node_modules\sass-loader\lib\loader.js:57:13)
        at Object.<anonymous> (C:\Users\user\app\node_modules\async\dist\async.js:2243:31)
        at Object.callback (C:\Users\user\app\node_modules\async\dist\async.js:906:16)
        at options.error (C:\Users\user\app\node_modules\node-sass\lib\index.js:294:32)
     @ ./src/js/App.js 6:14-37
     @ ./src/js/router.js
     @ ./src/js/browser.js

At first, I thought it was sass-loader issue. Here is my initial question webpack-contrib/sass-loader#459. Guys from sass-loader said that it was libsass issue.

How to solve it?

version info:

$ node bin/node-sass --version
node-sass       4.5.3   (Wrapper)       [JavaScript]
libsass         3.5.0.beta.2    (Sass Compiler) [C/C++]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants