Source

mdma-slides / deck.js / extensions / codemirror / deck.codemirror.scss

Full commit
.deck-container .slide { 

  font-weight: normal;
  .deck-codemirror-result {
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
    font-family: monospace;
  }
  .CodeMirror {
    line-height: 1em;
    font-family: monospace;
    overflow: auto;
    height: 100%;
    border: 1px solid #ddd;

    .button {
      padding: 5px;
      cursor: pointer;
      background-color: #ddd;
      position: relative;
      float: right;
      font-size: 11px;
      line-height: 16px;
      padding: 2px 6px;
      margin-bottom: -20px;
      margin-right: 10px;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      z-index: 1;
      top: 8px;
    }
    .button:hover {
      background-color: #eee;
    }
  }

  .CodeMirror-scroll {
    /* overflow: auto; */

    /* This is needed to prevent an IE[67] bug where the scrolled content
       is visible outside of the scrolling box. */
    position: relative;
    height: auto;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%
  }

  .CodeMirror-gutter {
    position: absolute; left: 0; top: 0;
    z-index: 10;
    background-color: #f7f7f7;
    border-right: 1px solid #eee;
    min-width: 2em;
    height: 100%;
  }

  .CodeMirror-gutter-text {
    color: #aaa;
    text-align: right;
    padding: .4em .2em .4em .4em;
  }
  .CodeMirror-lines {
    padding: .4em;
  }

  .CodeMirror pre {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-width: 0; margin: 0; padding: 0; background: transparent;
    font-family: inherit;
    font-size: inherit;
    padding: 0; margin: 0;
    white-space: pre;
    word-wrap: normal;
  }

  .CodeMirror textarea {
    font-family: inherit !important;
    font-size: inherit !important;
  }

  .CodeMirror-cursor {
    z-index: 10;
    position: absolute;
    visibility: hidden;
    border-left: 1px solid black !important;
  }
  .CodeMirror-focused .CodeMirror-cursor {
    visibility: visible;
  }

  span.CodeMirror-selected {
    background: #ccc !important;
    color: HighlightText !important;
  }
  .CodeMirror-focused span.CodeMirror-selected {
    background: Highlight !important;
  }

  .CodeMirror-matchingbracket {color: #0f0 !important;}
  .CodeMirror-nonmatchingbracket {color: #f22 !important;}
}