uccser/cs-field-guide

View on GitHub
csfieldguide/static/interactives/scene-editor/scss/scene-editor.scss

Summary

Maintainability
Test Coverage
#scene-parent {
    display: flex;
    justify-content: center;
}

canvas {
  width: 100% !important;
  height: 100% !important;
  border: 1px solid black;
}

.object {
  background-color: white;
  width: 80%;
}

// Copy bootstrap helper class but add !important
.center-block {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

.matrix-row input {
  display: inline-block;
  width: 30%;
  margin-bottom: 3px;
  font-family: monospace;
}

.vector-row input {
  display: inline-block;
  width: 70%;
  margin-bottom: 3px;
  font-family: monospace;
}

.input-error {
  border: 1px solid red;
}

.input-error:focus {
  border-color: #FF0000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.plus-sign {
  padding-top: 2.5rem;
}

li:hover {
  border-color: #3f51b5;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(63, 81, 181, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(63, 81, 181, 0.6);
}

.heading-line {
  height: 2.5rem;
  margin-bottom: 0.5rem;
}

.heading-line-text {
  line-height: 2.5rem;
  vertical-align: middle;
}

#object-identifier {
  line-height: 2rem;
  font-size: 2.2rem;
  vertical-align: middle;
}

button:disabled {
    cursor: not-allowed;
}