Re: Dawn Theme CSS Classes Overview

What are the CSS classes used in Dawn theme?

SMEG
Shopify Partner
38 2 19

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.

Replies 5 (5)

himanshuhkm
Shopify Partner
79 9 18

Hi @SMEG,

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

thank you

If helpful then please Like and Accept Solution.
Want a shopify store or custom changes on store Hire me.
Feel free to contact me on hk.maurya1981@gmail.com
Shopify Partner | Founder - MR Software Labs
SMEG
Shopify Partner
38 2 19

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.

 

tonypmuk
Shopify Partner
8 0 6

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).

jonsuther
Shopify Partner
2 0 0

Did you ever find anything like this?

robin_gbf
Shopify Partner
1 0 0

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.