skill-assessment-app/app/assets/stylesheets/molecules/_livecoder.scss
2016-07-28 12:58:09 -05:00

61 lines
836 B
SCSS

.code-input {
margin: 10px 0;
textarea {
border: 1px solid black;
min-height: 200px;
padding: 10px;
width: 100%;
margin-bottom: 0;
background-color: #fff;
&[disabled] {
background-color: #ddd;
}
}
}
.code-input ~ button {
margin-left: 0;
clear: both;
display: block;
}
.results {
border: 1px solid black;
clear: both;
margin: 10px 0;
min-height: 200px;
width: 100%;
background-color: #fff;
}
iframe {
border: 0;
height: 100%;
min-height: 190px;
width: 100%;
}
.live-coder-summary{
button.update-button{
display: none;
}
}
@media only screen and (min-width: $desktop) {
.code-input {
float: left;
margin: 10px 1%;
width: 32%;
&:nth-of-type(1) {
margin-left: 0;
}
&:nth-of-type(3) {
margin-right: 0;
}
}
}