imranhsayed/gatsby-wordpress-themes

Style error on build

frontwebdeveloper opened this issue · 3 comments

frontwebdeveloper commented

Running npm run develop and getting this error any idea's where I've gone wrong

ERROR #98123 WEBPACK

Generating development JavaScript bundle failed

            border: 1px solid $gray-300;
               ^
  Undefined variable: "$gray-300".
  in C:\VS\my-gatsby-project\node_modules\@wordpress\block-library\src\calendar\style.scss (line 7, column 21)

File: node_modules\gatsby-wordpress-theme-phoenix\src\components\home\feature-posts\style.scss

VivekShingala commented

You can define one in this file and try build again.

packages/gatsby-wordpress-theme-phoenix/src/sass/0-settings/_colors.scss

Color code for gray 300 could be .text-gray-300 | color: #e2e8f0; taken from tailwind Text Color

frontwebdeveloper commented

Thankyou I overcome that issue and project now builds

  • 👍1
imranhsayed commented

Tried a fresh clone
yarn install in the root
then npm run dev
I am unable to replicate this issue. Since its resolved now. Closing this one. If any anyone still faces this issue, it can be reponened.