robotcoral/coral-app

@use "sass:math";
 
.separator {
  background-color: var(--theme-highlight-2);
Properties should be ordered background-color, border-radius, height, width
  width: 2px;
  height: 2.5rem;
  border-radius: 2px;
}
 
Merge rule `.separator` with rule on line 3
.separator {
`0.5` should be written without a leading zero as `.5`
  margin: 0.5rem;
}
 
.controls {
Properties should be ordered display, flex
  flex: 1;
  display: flex;
}
 
.left-controls {
  justify-content: flex-end;
}
 
.wrapper {
  min-width: 4rem;
}
 
.menu {
Properties should be ordered border-radius, display, flex-direction, margin
  display: flex;
  flex-direction: column-reverse;
  border-radius: 6px;
`0.25` should be written without a leading zero as `.25`
  margin: 0.25rem;
}
 
Selector `openMenu` should be written in lowercase with hyphens
.openMenu {
Properties should be ordered background-color, box-shadow, position
  position: absolute;
  background-color: var(--theme-main-bg-color);
Color `lightgray` should be written in hexadecimal form as `#d3d3d3`
Color literals like `lightgray` should only be used in variable declarations; they should be referred to via variable everywhere else.
  box-shadow: 0 0 2px 2px lightgray;
}
 
Selector `openColorMenu` should be written in lowercase with hyphens
.openColorMenu {
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
  @extend .openMenu;
  margin-top: -10.25rem;
}
 
Selector `openModeMenu` should be written in lowercase with hyphens
.openModeMenu {
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
  @extend .openMenu;
  margin-top: -6.75rem;
}
 
Merge rule `.menu button` with rule on line 27
.menu button {
`0.25` should be written without a leading zero as `.25`
  margin: 0.25rem;
}
 
.colorbtn {
  border-radius: 2rem;
}
 
.settingsbtn {
`0.75` should be written without a leading zero as `.75`
  margin-right: 0.75rem;
}
 
.control-panel {
  display: flex;
  justify-content: center;
}
 
.settings-panel {
Color literals like `grey` should only be used in variable declarations; they should be referred to via variable everywhere else.
Color `grey` should be written in hexadecimal form as `#808080`
  box-shadow: -1px -2px 4px grey;
}