Skip to content

Instantly share code, notes, and snippets.

@lepittenger

lepittenger/Styles Hierarchy

Created December 3, 2024 17:02
Show Gist options
  • Save lepittenger/671dc27010c1d2bb9f56f8e8ae7ef992 to your computer and use it in GitHub Desktop.
Save lepittenger/671dc27010c1d2bb9f56f8e8ae7ef992 to your computer and use it in GitHub Desktop.
Download ZIP
Block Theme Styles Hierarchy
Raw
Styles Hierarchy
1 Base/Default Styles - root of theme.json styles section
2 Element styles - default styles for elements such as links and buttons (styles.elements)
3 Block styles - default styles for blocks (styles.blocks)
4 Block Type Style Variations - variations of blocks styled the same accross different pages such as border button
5 Section Style - when you want part of a page to look different
6 Template styles
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment