'How to fix a SCSS to CSS Error: Funtion backgroud

This is a massive theme.scss.liquid file. On line 2157:

$background          : {{settings.background}};

I am getting an error, as follow:

Original SCSS:

@function dark-or-light-color($color) {
  @if (lightness($color) > 70) {
    @return #000000; /* Lighter background, return dark color */
  } @else {
    @return #ffffff; /* Darker background, return light color */
  }
}

/**
 * BASE COLORS
 */

$background          : {{settings.background}};
$secondary-background: {{settings.secondary_background}};
$heading-color       : {{settings.heading_color}};
$text-color          : {{settings.text_color}};
$light-text-color    : {{settings.light_text_color}};
$accent-color        : {{settings.accent_color}};
$border-color        : rgba($light-text-color, 0.4);

Error:

fatal error: parse error: failed at `$background : {{settings.background}}
;
 ` (stdin) on line 2157

How can I fix it?

csssasscompiler-errors


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions