liquid-theme-standards
CSS, JavaScript, and HTML coding standards for Shopify Liquid themes. Covers BEM naming inside stylesheet tags, design tokens, CSS custom properties, Web Components for themes, defensive CSS, and progressive enhancement. Use when writing CSS/JS/HTML in .liquid files or theme asset files.
Pinned to revision 4e8964e24a5a, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/liquid-theme-standards/SKILL.md
- skills/liquid-theme-standards/references/css-patterns.md
- skills/liquid-theme-standards/references/javascript-patterns.md
Every link opens the file at its source, pinned to the revision this page describes.