Did you ever find anything like this?
Topic summary
Main topic: a comprehensive, official list and guidance for CSS utility classes and base layout settings in the Dawn theme.
-
Initial request: a document enumerating Dawn’s utility classes to aid building new sections.
-
Suggested workaround: inspect theme.css/theme.scss/stylesheet.css (and base.css) in the theme editor.
-
Clarification of needs: baseline theme settings (e.g., default page-width at 1200px), the grid framework used, and how the default grid behaves across desktop/tablet/mobile (e.g., classes like grid–4-col-desktop).
-
Community sentiment: multiple participants agree current Shopify documentation doesn’t cover Dawn’s grid/utility classes sufficiently, despite Dawn being the foundation for many templates.
-
Open questions: whether Dawn’s grid is based on a specific library; whether Shopify has published guidelines for using these classes.
-
Outcome: no definitive source or documentation was found by participants.
-
Status: unresolved and ongoing; users request Shopify to provide official documentation for Dawn’s CSS utilities and grid system.