CODEWITHSUNDEEP
less
benhowdle89
benhowdle89

Reputation: 37464

Using LESSPHP, passing variables as arguments into Mixins

V: lessphp v0.3.4-2

Using this:

@topDarkGrey: #6e6c74;
@bottomDarkGrey: #5d5b64;

.gradient (@startColor: #eee, @endColor: white) {
    background-color: @startColor;
    background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
    background: -webkit-linear-gradient(top, @startColor, @endColor);
    background: -moz-linear-gradient(top, @startColor, @endColor);
    background: -ms-linear-gradient(top, @startColor, @endColor);
    background: -o-linear-gradient(top, @startColor, @endColor);
}

    background: .gradient(@topDarkGrey, @bottomDarkGrey);

I receive:

lessphp fatal error: parse error: failed at `background: .gradient(@topDarkGrey, @bottomDarkGrey);

Anyone see any problems with this?

Upvotes: 0

Views: 976

Answers (1)

ScottS
ScottS

Reputation: 72261

Yes, this:

background: .gradient(@topDarkGrey, @bottomDarkGrey);

Should be this:

.gradient(@topDarkGrey, @bottomDarkGrey);

Upvotes: 1

Related Questions