["Baseline" theme] Adding custom CSS without Sass

Store Design
1

We are using the “Baseline” theme for our store. It looks like the theme uses the following files:

theme.css

theme.min.css

theme.liquid

settings_data.json

settings_schema.json

Since there is no .scss file, what are best practices for adding custom CSS styles to this theme? Would like to clarify the relationship between all of these files?

We’d like to use custom fonts and styles for some custom sections that we’ve coded. We would like use these styles in multiple locations around the site, on various pages. We prefer to not use a third party app to keep our codebase as minimal as possible.

2

Hi @Rarify

You can use the theme.css to add the custom css at the last

And the SASS is now not being used by Shopify they use only CSS

Thank you

3

Thank you for your reply @himanshuhkm .

When I inspect the preview of our site in-browser, I see that the stylesheet typically linked is

theme.min.css

When I edit theme.css, it doesn’t seem like changes are reflected.

How and when is theme.css minified?

Does this have to be done manually for every change?

4

Hi @Rarify
then use theme.min.css