/**
* Code formatting for jekyll
*/

code {
  background: $codeBackgroundColor;
  padding: 3px;
  word-break: break-all;
  word-break: break-word;
}

.code pre,
pre > code {
  display: block;
  font-family: monospace;
  padding: 20px;
  border-radius: $globalRadius;
  border-bottom: 2px solid $codeBorderColor;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  word-break: normal;
}

.linenos code {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 1px solid $codeBorderColor;
  padding: 20px 10px;
  text-align: center;
  color:$grayColor;
}

.linenos + .code pre {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}


.highlighttable {
  width: 100%;
  display: flex;
  tbody {
    width:100%;
    display:block;
  }
  tr {
    display: flex;
  }
  .code {
    min-width:0;
    display:flex;
    flex:1;
    width:100%;
  }

  .highlight {
    min-width:0;
    width:100%;
  }
}