robotcoral/coral-app

Selector `nameField` should be written in lowercase with hyphens
.nameField {
  min-width: 30%;
  text-align: center left;
}
 
Selector `inputWrapper` should be written in lowercase with hyphens
.inputWrapper {
  display: flex;
`0.5` should be written without a leading zero as `.5`
  padding: 0.5rem;
}
 
input,
select,
textarea {
Properties should be ordered background-color, border, border-radius, color, min-width, padding, width
  min-width: none;
  width: 100%;
  background-color: var(--theme-highlight-2);
`0px` should be written without units as `0`
  border: 0px;
`0.5` should be written without a leading zero as `.5`
  border-radius: 0.5rem;
`0.5` should be written without a leading zero as `.5`
  padding: 0.5rem;
  color: var(--theme-font-color);
}
 
::ng-deep .modal-content {
Properties should be ordered background-color, border-color, color, max-width, min-width, width
  max-width: 300px;
  width: 300px;
  min-width: none;
  background-color: var(--theme-main-bg-color);
  color: var(--theme-font-color);
  border-color: var(--theme-highlight-2);
}
 
::ng-deep .modal-header,
.modal-footer {
  border-color: var(--theme-highlight-2);
}
 
Use `//` comments everywhere
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 
Use `//` comments everywhere
/* Firefox */
Avoid qualifying attribute selectors with an element.
input[type="number"] {
  -moz-appearance: textfield;
}
 
button {
Properties should be ordered background-color, border, border-radius, color, transition
`0px` should be written without units as `0`
  border: 0px;
  border-radius: 4px;
  background-color: transparent;
`0.1` should be written without a leading zero as `.1`
  transition: all 0.1s ease-in-out;
  color: var(--theme-font-color);
}
 
button:hover {
Properties should be ordered background-color, box-shadow, color, scale
Unknown property scale
  scale: 1.02;
  background-color: var(--theme-highlight-1);
  color: var(--theme-font-color);
`0.35` should be written without a leading zero as `.35`
`0px` should be written without units as `0`
Color literals like `hsla(0, 0%, 0%, 0.35)` should only be used in variable declarations; they should be referred to via variable everywhere else.
  box-shadow: 0px 2px 6px hsla(0, 0%, 0%, 0.35);
}
 
button:active {
`0.35` should be written without a leading zero as `.35`
Properties should be ordered background-color, box-shadow, transition
Color literals like `hsla(0, 0%, 0%, 0.35)` should only be used in variable declarations; they should be referred to via variable everywhere else.
`0px` should be written without units as `0`
  box-shadow: 0px 1px 4px hsla(0, 0%, 0%, 0.35);
  background-color: var(--theme-highlight-2);
`0.05` should be written without a leading zero as `.05`
  transition: all 0.05s ease-in-out;
}