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

Dave65
Tera Contributor

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

0 REPLIES 0