dusterbed pro asked 8 years ago


Just downloaded MDB Pro two days ago. Using the latest version available for download. I attempted a compile using Koala for desktop as well as git shell (powershell) and experienced the same error in both processes: sass mdb.scss:mdb.css Syntax error: (“lighten-5”: #ffebee, “lighten-4”: #ffcdd2, “lighten-3”: #ef9a9a, “lighten-2”: #e57373, “lighten-1”: #ef5350, “base”: #f44336, “darken-1”: #e5393 5, “darken-2”: #d32f2f, “darken-3”: #c62828, “darken-4”: #b71c1c, “accent-1”: #f f8a80, “accent-2”: #ff5252, “accent-3”: #ff1744, “accent-4”: #d50000) isn’t a va lid CSS value. on line 32 of mdbfree_mixins.scss, in `button-variant’ from line 194 of mdbfree_buttons.scss from line 33 of mdb.scss Use –trace for backtrace. I have tried to search for solutions, but to no avail. Compile doesn't seem to like multiple colors defined for one variable. Please assist.

reblasquez free answered 6 years ago


Hi, I'm working with laravel and bootstrap 4, install mdb through npm, and when I'm going to compile it throws me the following error:   ERROR in ./node_modules/css-loader?{"url":true,"sourceMap":true,"importLoaders":1}!./node_modules/postcss-loader/lib?{"sourceMap":true,"ident":"postcss","plugins":[null]}!./node_modules/resolve-url-loader?{"sourceMap":true,"root":"/home/reblasquez/Sistemas/mbt_2/node_modules"}!./node_modules/sass-loader/lib/loader.js?{"precision":8,"outputStyle":"expanded","sourceMap":true}!./resources/assets/sass/app.scss Module build failed: $blue: ( ^ ("lighten-5": #E3F2FD, "lighten-4": #BBDEFB, "lighten-3": #90CAF9, "lighten-2": #64B5F6, "lighten-1": #42A5F5, "base": #2196F3, "darken-1": #1E88E5, "darken-2": #1976D2, "darken-3": #1565C0, "darken-4": #0D47A1, "accent-1": #82B1FF, "accent-2": #448AFF, "accent-3": #2979FF, "accent-4": #2962FF) isn't a valid CSS value. in /home/reblasquez/Sistemas/mbt_2/node_modules/mdbootstrap/sass/mdb/free/data/_colors.scss (line 101, column 8)

Emabo free commented 6 years ago

Hi, I have the same problem in 3 Laravel Projects. I use : sass --cache-location sass-compiler --style compressed .\resources\assets\sass\app.scss .\public\css\app.css

Dawid Adach pro answered 8 years ago


Dear Juliette , This error indicates that you have specified wrong path to file. Assuming that you have unzipped Material Design for Bootstrap framework into C:/mdb directory, change path in console to c:/ and then type compass watch mdb Now once you make a change in file, compass should inform you whether it manage to compile code or note.

Juliette free answered 8 years ago


Hi Dawid, This is the error that my console threw at me when I type sass --watch mbd.scss error No such file or directory - mdb.scss Hmmmmm.... But when I type in compass watch (I'm new to Compass) it appears to be tracking my changes...but I don't see the changes... Thanks!

Dawid Adach pro answered 8 years ago


Dear Juliette, Could you provide error details?

Juliette free answered 8 years ago


BTW, I forgot to mention that what I was initially trying to do was to change something in _navbar.scss before attempting to save and compile..

Juliette free answered 8 years ago


Speaking of compiling Sass, I just downloaded MDB (the free version) today to check it out and I'm really digging it so far. I was wondering if someone could tell me what the correct way of compiling Sass is with MDB. Usually I would just create a style.scss file in my directory and then run sass --watch style.scss in my console... I tried sass --watch mbd.scss and it threw me an error. Could anyone point me in the right direction? I'm new at this.... Thanks:-)

Michal Szymanski staff answered 8 years ago


We're happy to hear that, thank you! :)

dusterbed pro answered 8 years ago


Amazing! This new version compiles like a charm. I really appreciate how quickly you provided a solution to this! Thank you for your diligence. Samantha

Dawid Adach pro answered 8 years ago


Dear dusterbed, We have fixed the issue and created new version of MDB Pro. I just sent you the link to newest version, or you can download it from your account tab. Our apologizes for incovenience. Dawid

dusterbed pro answered 8 years ago


Hi Michael, I'm not currently using/compiling any other sass-libraries... just this one. I've run a few tests previously with different code (not as complex) and not had a problem. I replaced my _color.scss file with the file you linked to in the above and receive a very similar error. The only difference I can see is the line reference numbers. Koala Error Error: ("lighten-5": #FFEBEE, "lighten-4": #FFCDD2, "lighten-3": #EF9A9A, "lighten-2": #E57373, "lighten-1": #EF5350, "base": #F44336, "darken-1": #E53935, "darken-2": #D32F2F, "darken-3": #C62828, "darken-4": #B71C1C, "accent-1": #FF8A80, "accent-2": #FF5252, "accent-3": #FF1744, "accent-4": #D50000) isn't a valid CSS value. on line 31 of MDB-Pro/sass - Copy/mdb/free/_mixins.scss, in `button-variant' from line 203 of MDB-Pro/sass - Copy/mdb/free/_buttons.scss from line 33 of MDB-Prosass - Copymdb.scss Use --trace for backtrace. Compass Compile Error (Powershell) error sass/mdb.scss (Line 31 of sass/mdb/free/_mixins.scss: ("lighten-5": #FFEBEE, "lighten-4": #FFCDD2, "lighten-3": #EF9A9A, "lighten-2": #E57373, "lighten-1": #EF5350, "base": #F44336, "darken-1": #E53935, "darken-2": #D32F2F, "darken-3": #C62828, "darken-4": #B71C1C, "accent-1": #FF8A80, "accent-2": #FF5252, "accent-3": #FF1744, "accent-4": #D50000) isn't a valid CSS value.)

Michal Szymanski staff answered 8 years ago


Hello, replace file _color.scss in directory sassmdbfree with that one : http://mdbootstrap.com/MDB/_color.scss Then please let me know what is the outcome of the compilation. PS: Do you use compass or other sass-libraries ?

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags