@gooddata/react-components/styles/css/syntaxHighlightingInput.css

GoodData.UI - A powerful JavaScript library for building analytical applications

meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
  width: 40.0625em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

/* allow vendor prefixes and disable max length */
/* stylelint-disable max-line-length */
/* stylelint-enable max-line-length */
/* allow vendor prefixes and disable max length */
/* stylelint-disable value-no-vendor-prefix, declaration-block-no-duplicate-properties, max-line-length */
/* ==========================================================================
   Variables, mixins, silent classes etc.
   ========================================================================== */
.gd-input-syntax-highlighting-input .CodeMirror {
  box-sizing: border-box;
  margin: 0;
  padding: 6px 7px 5px;
  border: 1px solid #ccd8e2;
  line-height: normal;
  vertical-align: middle;
  color: #464e56;
  background: #fff;
  font-size: 14px;
  font-family: avenir, "Helvetica Neue", arial, sans-serif;
  font-weight: 200;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.25s;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15);
  font-family: monospace;
  height: 100px;
  padding: 2px 2px 0 3px; }
  .gd-input-syntax-highlighting-input .CodeMirror::-webkit-input-placeholder {
    color: rgba(109, 118, 128, 0.75);
    -moz-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  .gd-input-syntax-highlighting-input .CodeMirror:-moz-placeholder {
    color: rgba(109, 118, 128, 0.75);
    -moz-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  .gd-input-syntax-highlighting-input .CodeMirror::-moz-placeholder {
    color: rgba(109, 118, 128, 0.75);
    -moz-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  .gd-input-syntax-highlighting-input .CodeMirror:-ms-input-placeholder {
    color: rgba(109, 118, 128, 0.75);
    -moz-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  .gd-input-syntax-highlighting-input .CodeMirror:hover {
    border-color: #b1c1d1; }
    .gd-input-syntax-highlighting-input .CodeMirror:hover::-webkit-input-placeholder {
      color: #6d7680; }
    .gd-input-syntax-highlighting-input .CodeMirror:hover:-moz-placeholder {
      color: #6d7680; }
    .gd-input-syntax-highlighting-input .CodeMirror:hover::-moz-placeholder {
      color: #6d7680; }
    .gd-input-syntax-highlighting-input .CodeMirror:hover:-ms-input-placeholder {
      color: #6d7680; }
  .gd-input-syntax-highlighting-input .CodeMirror.CodeMirror-focused {
    border-color: #14b2e2;
    box-shadow: inset 0 1px 1px 0 rgba(31, 53, 74, 0.15); }

.gd-input-syntax-highlighting-input .CodeMirror-vscrollbar:focus {
  outline: 0; }

.gd-input-syntax-highlighting-input .CodeMirror-empty {
  color: #b0beca; }

.gd-input-syntax-highlighting-input .CodeMirror-code .CodeMirror-matchingbracket {
  font-weight: bold;
  color: #000;
  background-color: #fef9d3; }

.gd-input-syntax-highlighting-input .CodeMirror-code .CodeMirror-nonmatchingbracket {
  color: #e54d42; }

.gd-input-syntax-highlighting-input .CodeMirror-code .cm-variable-brackets {
  color: #94a1ad; }

.gd-input-syntax-highlighting-input .CodeMirror-code .cm-variable-4 {
  font-weight: bold;
  color: #13b1e2; }

.gd-input-syntax-highlighting-input .CodeMirror-code .cm-variable-5 {
  font-weight: bold;
  color: #00c18e; }

.gd-input-syntax-highlighting-input .CodeMirror-code .cm-keyword {
  font-weight: bold;
  color: #ab55a3; }