XF 2.0 Adding custom style property issue

[Sean James]

Hey all!
Ive created a custom style property called 'bpskins-headercolor2'

Then in my extra.less template I added this:

.p-header {
    background-color: @bpskins_headercolor2;
}

But I keep getting this yellow error message on my forum.

Errors occurred when rednering CSS:
* public:extra.less: variable @bpskins_headercolor2 is undefined in file anonymous-file-739.less in anonymous-file-739.less

Thank you!

 

[Russ]

You'd use this if it was a custom property color picker:

.p-header { background-color: @xf-bpskins_headercolor2; }

If it's a CSS style property and you'd want to pull JUST the background color out of it:

.p-header {  background-color: @xf-bpskins_headercolor2--background-color; }

Or if you want to pull an entire property...

.p-header
{
    .xf-bpskins_header();
}

 

[Sean James]

Thanks heaps Russ much appreciated!