Блог

Я попытался добавить переменную цвета карты в свои ресурсы sass, но мой анализатор не распознает, что используется файл .scss, и пытается добавить круглые скобки на мою карту. Почему это происходит?

 $colors: (
  primary: (
    100: hsl(197, 78%, 91%),
    200: hsl(195, 81%, 70%),
    300: hsl(193, 84%, 49%),
    400: hsl(191, 87%, 38%),
    500: hsl(189, 90%, 17%),
  ),
  warn: (
    100: hsl(9, 100%, 80%),
    200: hsl(9, 100%, 70%),
    300: hsl(9, 100%, 60%),
    400: hsl(9, 100%, 50%),
    500: hsl(9, 100%, 40%),
  ),
  neutral: (
    100: hsl(240, 14%, 93%),
    200: hsl(200, 12%, 75%),
    300: hsl(160, 10%, 57%),
    400: hsl(120, 8%, 39%),
    500: hsl(80, 6%, 21%),
  ),
  grey: (
    100: hsl(0, 0%, 98%),
    200: hsl(0, 0%, 71%),
    300: hsl(0, 0%, 50%),
    400: hsl(0, 0%, 31%),
    500: hsl(0, 0%, 10%),
  ),
);

 

 ERROR in ./src/app/js/components/pages/ShopPage/Shop/Shop.module.sass (./node_modules/css-modules-typescript-loader/index.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/app/js/components/pages/ShopPage/Shop/Shop.module.sass)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: unclosed parenthesis
        on line 14 of src/app/js/components/pages/ShopPage/Shop/Shop.module.sass
>> $colors: ( {

   ---------^