Error on compiling sass

Topic: Error on compiling sass

letoti pro premium priority asked 8 years ago

error /sass/mdb/free/_waves.scss: wrong number of arguments (1 for 2+) for `radial-gradient') when compiling sass using compass.

Add comment

Bartłomiej Malanowski staff pro premium answered 8 years ago

0 0 Best answer

Hi, Letoni! What's your version of MDB? Do you use free or pro version? Do you use MDB jQuery or MDB Angular?

andras.ori pro commented 6 years ago

The problem is stil exists in mdb pro 4.5.7, have you got any solution?

andras.ori pro commented 6 years ago

Error log: Error: wrong number of arguments (given 1, expected 2+) for `radial-gradient' on line 52 of[mypath*/scss/core/_waves.scss from line 44 of mypath/scss/mdb.scss *mypath is not the original path :)

Add comment

andras.ori pro answered 7 years ago

0 0 Best answer

I have the same problem. MDB Jquery 4.5.4 version (pro): error scss/mdb.scss (Line 43 of scss/core/_waves.scss: wrong number of arguments (given 1, expected 2+) for `radial-gradient')

Add comment

Marta Szymanska staff pro premium answered 6 years ago

0 0 Best answer

Hi, I don't see that problem in 4.5.7 version of MDB package. This is code for a radial gradient in _waves.scss:

.waves-ripple {
position: absolute;
border-radius: 50%;
width: 100px;
height: 100px;
margin-top:-50px;
margin-left:-50px;
opacity: 0;
background: rgba(0,0,0,0.2);
$gradient: rgba(0,0,0,0.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%;
background: -webkit-radial-gradient($gradient);
background: -o-radial-gradient($gradient);
background: -moz-radial-gradient($gradient);
background: radial-gradient($gradient);
@include waves-transition(all 0.5s ease-out);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
@include waves-transform(scale(0) translate(0,0));
pointer-events: none;
}

&.waves-light .waves-ripple {
background: rgba(255,255,255,0.4);
$gradient: rgba(255,255,255,0.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%;
background: -webkit-radial-gradient($gradient);
background: -o-radial-gradient($gradient);
background: -moz-radial-gradient($gradient);
background: radial-gradient($gradient);
}
.waves-button,
.waves-circle {
@include waves-transform(translateZ(0));
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

And it works fine. Please provide more information about your code if you need more help from me. Best, Marta

kylebehse pro commented 6 years ago

I'm having the same issue using MDB 4.5.10 Pro. I'm using Compass 1.0.3 (Polaris). Their seems to be a bunch of issues due to the fact that these files are getting compiled using PrePros and not being test with different common compilers. Can you please suggest a solution so I can continue to use compass watch. Thanks!

Add comment

Marta Szymanska staff pro premium answered 6 years ago