Skip to content

CSS Inclusion Order #611

@mitorun-studio

Description

@mitorun-studio

I found out that style files are included first from the @global folder, and then from the @library folder (i.e. styles from @library will have higher priority). And all files inside these two folders are included in alphabetical order (the include setting does not change the inclusion order!). That is, first the base.css styles will be applied, then they will be overwritten by theme.css, then they will be overwritten by typography.css . To choose the order of style files yourself, you can name them like this: 1base.css, 2typography.css, 3theme.css, 4end.css . It may not be pretty, but it is clear and effective.

I would like the include setting to be able to change the order in which styles are included:
include: [base, typography, theme, end]

It is also worth mentioning in the documentation the order in which style files are included.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions