Convert LESS to SASS from creative theme bootstrap

Issue

I'm trying to convert LESS files from Creative Bootstrap Themes to SASS. It compiles with no error but the header brand class doesnt work as it should be. I inspect the class and find a warning "invalid property value" on following code:

color: fade(white, 70%);

here the converted code in SASS:

@media (min-width: 768px) 
    background-color: transparent
    border-color: fade(white, 0.3)
    .navbar-header .navbar-brand 
        color: fade(white, 70%)
        &:hover,
        &:focus 
            color: white

and here the original in LESS:

@media (min-width: 768px) {
    background-color: transparent;
    border-color: fade(white, 30%);
    .navbar-header .navbar-brand {
        color: fade(white, 70%);
        &:hover,
        &:focus {
            color: white;
        }
    }

Can someone give me some clue? Thanks

Solution

Using the LESS fade function is causing the issue as it doesn't exist in SASS. The lighten function appears to be an alternative depending on what you're trying to do: Here's a list of Sass Functions.

Answered By - vanburen