You have $brokenwhite defined as #f8f9fc. This color cannot be lightened 5%. It just results in white. Nothing is overriding your CSS, it’s just that lightening is resulting in white.
hi derekprior, I turned of the lightening and just defined
background: $brokenwhite;
but the background of the body element is still white. The odd thing is that I defined also brokenwhite for the section element of the index page, and there the background is brokenwhite
hi zamith, I tried to see which style definition is overwriting the background color, but in Chrome devtools I only see the mapping to .css files, not to .scss files.
Your SASS files have to be compiled to CSS in order for the browser to understand them, so that’s what Chrome dev tools will point to. Not sure if there’s a plugin to chrome to link to SASS files, but it is usually easy to understand the mapping between CSS and SASS.