csfieldguide/static/interactives/scene-editor/scss/scene-editor.scss
#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;
}