Get colour from module field for css

Developer Support CMS Development
1

Is there any reason why the below wouldn’t work? Is this even possible?

module.css

footer{
 background-color: {{ module.background_color.color }};
}

fields.json

{
 "label" : "Background",
 "locked" : false,
 "name" : "background_color",
 "required" : false,
 "type" : "color",
 "default" : {"color" : "#F8F8F8"},
 "visibility" : {
 "hidden_subfields" : {
 "opacity" : true
 }
 }
},

29343iA50F4A0F4BFCAEEE.png

2

Answer:

Module CSS can not contain variables. If the module is used once and is global, then maybe try putting it in the theme fields.json and get it at a global level