error evaluating function `lighten`: a.toHSL is not a function

Question

Sorry for novice question. I am taking the first baby steps to learn Less and Sass. Here is my less syle in the file

style.less

:

@basecolor:#53353;



header {

    font-family: cursive,sans-serif;

    background-color: lighten(@basecolor, 50%);

    border: 5px solid darken(@basecolor, 50%);

    color:@basecolor;

    padding:  40px;

}

When i load the page, i face with the error:

RuntimeError: error evaluating function `lighten`: a.toHSL is not a function

I have looked at this, and it seems that the code is fine.
So what is the problem?

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

Answer 1

Your basecolor hex code only has 5 characters. You need 3 or 6.

error evaluating function `lighten`: a.toHSL is not a function

Sign up