Properties-panel stylesheets

Hi everybody,

I’m using prepackaged versions of bpmn-modeler and properties-panel integrated in a webapp. I just got the panel running but I don’t know how to transform the styles in .less format into .css. I tried to convert them with lessc but I’m getting errors like this:

NameError: variable @pp-color-gray-light is undefined in /home/gcalvo/bpmn.io/bpmn-js-properties-panel-master/styles/tabs.less on line 2, column 28:
1 .djs-properties-tab-bar {
2 border-bottom: 1px solid @pp-color-gray-light;
3 padding: 0 15px;

I’ve never worked with less files before, can anyone help me?

Hi gcalvo,

try

lessc ./styles/properties.less compiled.css

cheers

1 Like

thanks, that worked perfectly!!