What are the CSS classes used in Dawn theme?

Hello all,

is there a list or document about all the css-classes (utility-classes) used in Dawn?

That would be helpful to code new sections.

Thank you.

5 Likes

Hi @SMEG ,

You may see the css class in the theme.css or theme.scss or stylesheet.css in your theme editor

thank you

Yes, I know that I can see the css classes e.g. in the base.css. But what I want to know, is the base settings for the theme.

Like page-width (is 1200px by default),
what grid framework is used or how the default grid setup works for desktop, tablet, mobile. (e.g. grid–4-col-desktop seems to be a desktop utility class)

And so on.

6 Likes

I concur with your request.

Overall, shopify documentation is pretty good. But I havn’t found anything for this aspect.

It might be asking a lot, but since Dawn is the basis for other templates, some info on using the css grid classes would help in making layout safe additions to the theme

(Perhaps there is some info somewhere, or perhaps it is based off of a library. I would have thought Shopify would have their own guidelines for using the grid classes).

4 Likes

Did you ever find anything like this?

never find it yet… Shopify really needs to fix this since Dawn is a basic and a must known. Please Shopify, give us sources or documentations about this.