robotcoral/coral-app

app-gameboard-view {
Properties should be ordered display, flex, min-height, overflow, position, width
  flex: 1;
  width: 100%;
  display: block;
  min-height: 0;
  overflow: hidden;
  position: relative;
}
 
app-gameboard-controls {
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;
  width: 100%;
  z-index: 12;
}
 
.camera-button-wrapper {
Properties should be ordered background-color, border-bottom-left-radius, border-top-left-radius, box-shadow, position, right, top, z-index
  position: absolute;
  right: 0;
  top: calc(50% - 2rem);
Color `grey` should be written in hexadecimal form as `#808080`
Color literals like `grey` should only be used in variable declarations; they should be referred to via variable everywhere else.
  box-shadow: 0 0 4px grey;
  z-index: 10;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  background-color: var(--theme-main-bg-color);
}
 
.inventory-wrapper {
Properties should be ordered align-items, background-color, border-bottom-left-radius, box-shadow, color, display, font-size, padding, position, right, z-index
  position: absolute;
  right: 0;
`0px` should be written without units as `0`
Color `grey` should be written in hexadecimal form as `#808080`
Color literals like `grey` should only be used in variable declarations; they should be referred to via variable everywhere else.
  box-shadow: 0px 0px 4px grey;
  z-index: 2;
  border-bottom-left-radius: 1rem;
`0.5` should be written without a leading zero as `.5`
  padding: 0.5rem;
  align-items: center;
  display: flex;
  font-size: 1.5rem;
  background-color: var(--theme-main-bg-color);
  color: var(--theme-font-color);
}