Невозможно настроить преобразование hex в rgba на gatsby - PullRequest
Новая
       58

Невозможно настроить преобразование hex в rgba на gatsby

1 голос
/ 03 октября 2019

Я пытаюсь преобразовать цвета, используя postcss-hexrgba, но, похоже, у меня проблемы с настройкой. Прежде всего, у меня есть следующий код:

background-color: rgba(theme('colors.grey'), 0.1);

theme('colors.black') возвращает шестнадцатеричное значение из некоторой библиотеки (#000).

Если я обновляюмоя страница, я получаю:

Argument `$color` of `rgba($color, $alpha)` must be a color.

Это работает, если у меня есть:

background-color: rgba(#000, 0.1);

Теперь я считаю, что что-то не такс моей настройкой, но я не могу понять.

Я использую gatsby, и в моем gatsby-config.js у меня есть что-то вроде этого: 

const pluginHexrgba = require('postcss-hexrgba');
const pluginImport = require('postcss-import');
const pluginMixins = require('postcss-mixins');

<...>

{
  resolve: 'gatsby-plugin-sass',
  options: {
    implementation: sass,
    postCssPlugins: [
      pluginImport(),
      pluginMixins(),
      pluginNested(),
      pluginVars(),
      pluginHexrgba(),
      pluginInternalUi(),
      pluginAutoprefixer(),
      pluginOptimisations(),
      pluginStats(),
      ].filter(Boolean),
    },
},

Я уверен, что моя функция theme() возвращает правильные шестнадцатеричные значения, так как яЯ могу использовать это, если не rgba дело, например:

background-color: theme('colors.orange');

Может кто-нибудь мне помочь, прошло несколько часов, и я не в результатах Google.

...