CLICKUP TICKET
Pull Request
Title: FUS-3715: Add Figma Integration and Update README with Setup Instructions
Description:
This PR introduces several key updates to our BigCommerce Stencil base repository:
Figma Integration:
Added figma-variables.scss to integrate Figma-generated variables into the SCSS files.
Updated variables.scss to utilize Figma variables for consistent theming and styling.
README Updates:
Enhanced the README with comprehensive setup instructions, including:
Cloning the repository
Installing dependencies
Compiling SCSS
Installing and running Stencil CLI
Creating config.stencil.json
Included detailed sections on Figma integration, customization, JS API, and static assets management.
Updated guidance on polyfilling via feature detection.
Changes Made:
Assets/SCSS:
Created assets/scss/styles/figma-variables.scss
Updated assets/scss/styles/variables.scss
README.md:
Expanded setup instructions
Added details on Figma integration and usage
Included sections on customization, JS API, and static assets
Testing:
Verified that SCSS variables from Figma are correctly applied in the build.
Ensured that README instructions are accurate and complete.
Notes:
Ensure that the updated README is reviewed for clarity and completeness.
Check integration with the Stencil CLI and validate Figma variable usage.
CLICKUP TICKET Pull Request Title: FUS-3715: Add Figma Integration and Update README with Setup Instructions
Description:
This PR introduces several key updates to our BigCommerce Stencil base repository:
Figma Integration:
Added figma-variables.scss to integrate Figma-generated variables into the SCSS files. Updated variables.scss to utilize Figma variables for consistent theming and styling. README Updates:
Enhanced the README with comprehensive setup instructions, including: Cloning the repository Installing dependencies Compiling SCSS Installing and running Stencil CLI Creating config.stencil.json Included detailed sections on Figma integration, customization, JS API, and static assets management. Updated guidance on polyfilling via feature detection. Changes Made:
Assets/SCSS: Created assets/scss/styles/figma-variables.scss Updated assets/scss/styles/variables.scss README.md:
Expanded setup instructions Added details on Figma integration and usage Included sections on customization, JS API, and static assets
Testing: Verified that SCSS variables from Figma are correctly applied in the build. Ensured that README instructions are accurate and complete.
Notes: Ensure that the updated README is reviewed for clarity and completeness. Check integration with the Stencil CLI and validate Figma variable usage.