.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;
    }
  }
}