How to use brand header html in my WordPress site

CodePen is fine. Delete that first line with the import.

Then, redclare all the variables at the top of the SCSS. You will get these values from Admin -> Customize -> Color Schemes.

If your secondary color is black, for example, you would declare it like this:

$secondary: #000000;

Put that at the top for every variable you see in that SCSS.

4 לייקים