robotcoral/coral-app

::ng-deep .modal-content {
  max-width: fit-content;
  min-width: 600px;
}
 
.settings-modal-wrapper {
  display: flex;
  flex-direction: row;
}
 
.separator {
Properties should be ordered background-color, width
  width: 2px;
  background-color: var(--theme-highlight-2);
}
 
.mode {
  padding: 1rem;
}
 
.mode-highlight {
  background-color: var(--theme-highlight-1);
}
 
.modal-mode-body {
`0px` should be written without units as `0`
  padding: 0px;
}
 
.mode-button {
  background-color: transparent;
`0px` should be written without units as `0`
  border: 0px;
Properties should be ordered background-color, border, color, width
  width: 100%;
  color: var(--theme-font-color);
}
 
Selector `nameField` should be written in lowercase with hyphens
.nameField {
  min-width: 40%;
}
 
.number-field {
  text-align: right;
}
 
world-settings-modal,
general-settings-modal,
editor-settings-modal {
Properties should be ordered height, width
  width: 100%;
  height: 100%;
}
 
.checkbox {
  height: 1.5rem;
}