bpmn-js-properties-panel/test/assets/properties.css

A simple properties panel for bpmn-js

.bpp-properties-panel {
  border: solid 2px #CCC;
}

.bpp-properties-group {
  margin: 10px;
}

.bpp-properties-entry {
  margin-bottom: 15px;
}

.bpp-properties-entry input.invalid,
.bpp-properties-entry textarea.invalid {
  border-color: red;
  background: rgb(255, 209, 209);
}

.bpp-properties-entry [data-invalid] {
  color: red;
}

.bpp-hidden {
  display: none;
}

.bpp-properties-combo-options {

}

.bpp-properties-combo-options-empty {
}

.bpp-listener-area {
    border: 1px solid #ccc;
    padding: 0.5em;
    margin: 1em 2px;
}

.bpp-listener-area > h1 {
    margin: -1em -0.5em 0;
}

.bpp-properties-static {
  margin-bottom: 0px;
  margin-top:0px;
  border: 1px solid #ccc;
  background-color: white;
  padding: 1px 0px;
  font: 13.3333px Arial;
  width: 14%;
}