Skip to main content

CSS

When building a template, CSS is required to style blocks, pages, and layouts. SCSS is recommended for better maintainability and variable management.

SCSS Guidelines​

  • Use SCSS instead of plain CSS wherever possible.
  • A variables.scss file is required for defining your template’s color, font, and layout variables.
  • Import from NPM is not supported. Only local files or vendor folders included in your template can be used.
  • Prefer Pure CSS for global and shared styles to maintain compatibility with Prodyflow’s default blocks: https://pure-css.github.io

Best Practices​

  1. Keep component-specific styles in their respective SCSS files (e.g., blocks, sections, pages).
  2. Use variables.scss for all colors, fonts, and spacing constants.
  3. Avoid overriding Prodyflow pre-defined block styles unless necessary to prevent breaking functionality.