Where does a CSS include i.e. Style sheet fall in the CSS order

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
12-19-2024 05:40 AM
Good Day everyone
I am trying to use a style sheet to modify a cloned Theme instead of just adding the changes to the cloned theme's CSS variables section.
Unfortunately, some of the code I put in the Style sheet has no effect unless I add it to the CSS variables section.
This is what I'm trying to add:
$sp-space--lg: 16px;
$sp-space--xl: 24px;
$sp-space--xxl: 32px;
$sp-space--3xl: 40px;
//==Backgrounds
$background-primary: #ffffff; //--now-color_background--primary
$background-secondary: #f6f6f8; //--now-color_background--secondary
$background-tertiary: #F0F1F5; //--now-color_background--tertiary
$color-light: #BDC2CB; //--now-color--neutral-4
I've tried making them all !default and !important but unless they are in the CSS variable section of the Theme, they have no effect.
I have not found any documentation, or in on-line searches, telling me where in the hierarchy, style sheets are processed.
Thanks in advance for your help!
Dave