themes/bootstrap/scss/_codemirror.scss

   1 $textarea-cols: 40;
   2 $textarea-rows: 15;
   3
   4 .CodeMirror {
   5   height: 20rem;
   6   direction: ltr;
   7   border: $card-border-width solid $card-border-color;
   8
   9   @include border-radius($card-border-radius);
  10 }
  11
  12 #inline_editor_outer .CodeMirror {
  13   height: ceil($textarea-rows * 0.4em);
  14 }
  15
  16 .insertRowTable .CodeMirror {
  17   height: ceil($textarea-rows * 0.6em);
  18   width: ceil($textarea-cols * 0.6em);
  19   border: 1px solid #a9a9a9;
  20 }
  21
  22 #pma_console .CodeMirror-gutters {
  23   background-color: initial;
  24   border: none;
  25 }
  26
  27 span {
  28   &.cm-keyword,
  29   &.cm-statement-verb {
  30     color: #909;
  31   }
  32
  33   &.cm-variable {
  34     color: black;
  35   }
  36
  37   &.cm-comment {
  38     color: #808000;
  39   }
  40
  41   &.cm-mysql-string {
  42     color: #008000;
  43   }
  44
  45   &.cm-operator {
  46     color: fuchsia;
  47   }
  48
  49   &.cm-mysql-word {
  50     color: black;
  51   }
  52
  53   &.cm-builtin {
  54     color: #f00;
  55   }
  56
  57   &.cm-variable-2 {
  58     color: #f90;
  59   }
  60
  61   &.cm-variable-3 {
  62     color: #00f;
  63   }
  64
  65   &.cm-separator {
  66     color: fuchsia;
  67   }
  68
  69   &.cm-number {
  70     color: teal;
  71   }
  72 }
  73
  74 .autocomplete-column-name {
  75   display: inline-block;
  76 }
  77
  78 .autocomplete-column-hint {
  79   display: inline-block;
  80   float: $right;
  81   color: #666;
  82   margin-#{$left}: 1em;
  83 }
  84
  85 .CodeMirror-hints {
  86   z-index: 999;
  87 }
  88
  89 .CodeMirror-lint-tooltip {
  90   z-index: 200;
  91   font-family: inherit;
  92
  93   code {
  94     font-family: monospace;
  95     font-weight: bold;
  96   }
  97 }