@atlaskit/editor-core/dist/es2015/nodeviews/ui/code-mirror/styles.js

A package contains Atlassian editor core functionality

import { injectGlobal, keyframes } from 'styled-components';
var blink = (_a = ["\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n"], _a.raw = ["\n  0% {}\n  50% { background-color: transparent; }\n  100% {}\n"], keyframes(_a));
// tslint:disable-next-line
(_b = ["\n  /* BASICS */\n\n  .ProseMirror {\n    .CodeMirror {\n      height: auto;\n      border: 1px solid #eee;\n      font-family: monospace;\n      color: black;\n    }\n\n    /* PADDING */\n    & .CodeMirror-lines {\n      padding: 4px 0; /* Vertical padding around content */\n    }\n    & pre {\n      padding: 0 4px; /* Horizontal padding of content */\n    }\n    & .CodeMirror-scrollbar-filler, & .CodeMirror-gutter-filler {\n      background-color: white; /* The little square between H and V scrollbars */\n    }\n\n    /* GUTTER */\n    & .CodeMirror-gutters {\n      border-right: 1px solid #ddd;\n      background-color: #f7f7f7;\n      white-space: nowrap;\n    }\n    & .CodeMirror-linenumbers {}\n    & .CodeMirror-linenumber {\n      padding: 0 3px 0 5px;\n      min-width: 20px;\n      text-align: right;\n      color: #999;\n      white-space: nowrap;\n    }\n    & .CodeMirror-guttermarker { color: black; }\n    & .CodeMirror-guttermarker-subtle { color: #999; }\n\n    /* CURSOR */\n    & .CodeMirror-cursor {\n      border-left: 1px solid black;\n      border-right: none;\n      width: 0;\n    }\n    /* Shown when moving in bi-directional text */\n    & .CodeMirror div.CodeMirror-secondarycursor {\n      border-left: 1px solid silver;\n    }\n    & .cm-fat-cursor .CodeMirror-cursor {\n      width: auto;\n      border: 0 !important;\n      background: #7e7;\n    }\n    & .cm-fat-cursor div.CodeMirror-cursors {\n      z-index: 1;\n    }\n    & .cm-animate-fat-cursor {\n      width: auto;\n      border: 0;\n      -webkit-animation: ", " 1.06s steps(1) infinite;\n      -moz-animation: ", " 1.06s steps(1) infinite;\n      animation: ", " 1.06s steps(1) infinite;\n      background-color: #7e7;\n    }\n    /* Can style cursor different in overwrite (non-insert) mode */\n    & .CodeMirror-overwrite .CodeMirror-cursor {}\n    & .cm-tab { display: inline-block; text-decoration: inherit; }\n    & .CodeMirror-rulers {\n      position: absolute;\n      left: 0; right: 0; top: -50px; bottom: -20px;\n      overflow: hidden;\n    }\n    & .CodeMirror-ruler {\n      border-left: 1px solid #ccc;\n      top: 0; bottom: 0;\n      position: absolute;\n    }\n\n    /* DEFAULT THEME */\n\n    & .cm-s-default .cm-header {color: blue;}\n    & .cm-s-default .cm-quote {color: #090;}\n    & .cm-negative {color: #d44;}\n    & .cm-positive {color: #292;}\n    & .cm-header, .cm-strong {font-weight: bold;}\n    & .cm-em {font-style: italic;}\n    & .cm-link {text-decoration: underline;}\n    & .cm-strikethrough {text-decoration: line-through;}\n\n    & .cm-s-default .cm-keyword {color: #708;}\n    & .cm-s-default .cm-atom {color: #219;}\n    & .cm-s-default .cm-number {color: #164;}\n    & .cm-s-default .cm-def {color: #00f;}\n    & .cm-s-default .cm-variable,\n    & .cm-s-default .cm-punctuation,\n    & .cm-s-default .cm-property,\n    & .cm-s-default .cm-operator {}\n    & .cm-s-default .cm-variable-2 {color: #05a;}\n    & .cm-s-default .cm-variable-3 {color: #085;}\n    & .cm-s-default .cm-comment {color: #a50;}\n    & .cm-s-default .cm-string {color: #a11;}\n    & .cm-s-default .cm-string-2 {color: #f50;}\n    & .cm-s-default .cm-meta {color: #555;}\n    & .cm-s-default .cm-qualifier {color: #555;}\n    & .cm-s-default .cm-builtin {color: #30a;}\n    & .cm-s-default .cm-bracket {color: #997;}\n    & .cm-s-default .cm-tag {color: #170;}\n    & .cm-s-default .cm-attribute {color: #00c;}\n    & .cm-s-default .cm-hr {color: #999;}\n    & .cm-s-default .cm-link {color: #00c;}\n    & .cm-s-default .cm-error {color: #f00;}\n    & .cm-invalidchar {color: #f00;}\n    & .CodeMirror-composing { border-bottom: 2px solid; }\n    /* Default styles for common addons */\n    & div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}\n    & div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}\n    & .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\n    & .CodeMirror-activeline-background {background: #e8f2ff;}\n\n    /* STOP */\n\n    /* The rest of this file contains styles related to the mechanics of\n      the editor. You probably shouldn't touch them. */\n\n    & .CodeMirror {\n      position: relative;\n      overflow: hidden;\n      background: white;\n    }\n\n    & .CodeMirror-scroll {\n      overflow: scroll !important; /* Things will break if this is overridden */\n      /* 30px is the magic margin used to hide the element's real scrollbars */\n      /* See overflow: hidden in .CodeMirror */\n      margin-bottom: -30px; margin-right: -30px;\n      padding-bottom: 30px;\n      height: 100%;\n      outline: none; /* Prevent dragging from highlighting the element */\n      position: relative;\n    }\n    & .CodeMirror-sizer {\n      position: relative;\n      border-right: 30px solid transparent;\n    }\n\n    /* The fake, visible scrollbars. Used to force redraw during scrolling\n      before actual scrolling happens, thus preventing shaking and\n      flickering artifacts. */\n    & .CodeMirror-vscrollbar, & .CodeMirror-hscrollbar, & .CodeMirror-scrollbar-filler, & .CodeMirror-gutter-filler {\n      position: absolute;\n      z-index: 6;\n      display: none;\n    }\n    & .CodeMirror-vscrollbar {\n      right: 0; top: 0;\n      overflow-x: hidden;\n      overflow-y: scroll;\n    }\n    & .CodeMirror-hscrollbar {\n      bottom: 0; left: 0;\n      overflow-y: hidden;\n      overflow-x: scroll;\n    }\n    & .CodeMirror-scrollbar-filler {\n      right: 0; bottom: 0;\n    }\n    & .CodeMirror-gutter-filler {\n      left: 0; bottom: 0;\n    }\n    & .CodeMirror-gutters {\n      position: absolute; left: 0; top: 0;\n      min-height: 100%;\n      z-index: 3;\n    }\n    & .CodeMirror-gutter {\n      white-space: normal;\n      height: 100%;\n      display: inline-block;\n      vertical-align: top;\n      margin-bottom: -30px;\n    }\n    & .CodeMirror-gutter-wrapper {\n      position: absolute;\n      z-index: 4;\n      background: none !important;\n      border: none !important;\n    }\n    & .CodeMirror-gutter-background {\n      position: absolute;\n      top: 0; bottom: 0;\n      z-index: 4;\n    }\n    & .CodeMirror-gutter-elt {\n      position: absolute;\n      cursor: default;\n      z-index: 4;\n    }\n    & .CodeMirror-gutter-wrapper ::selection { background-color: transparent }\n    & .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }\n\n    & .CodeMirror-lines {\n      cursor: text;\n      min-height: 1px; /* prevents collapsing before first draw */\n    }\n    & .CodeMirror pre {\n      /* Reset some styles that the rest of the page might have set */\n      -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\n      border-width: 0;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      margin: 0;\n      white-space: pre;\n      word-wrap: normal;\n      line-height: inherit;\n      color: inherit;\n      z-index: 2;\n      position: relative;\n      overflow: visible;\n      -webkit-tap-highlight-color: transparent;\n      -webkit-font-variant-ligatures: contextual;\n      font-variant-ligatures: contextual;\n    }\n    & .CodeMirror-wrap pre {\n      word-wrap: break-word;\n      white-space: pre-wrap;\n      word-break: normal;\n    }\n    & .CodeMirror-linebackground {\n      position: absolute;\n      left: 0; right: 0; top: 0; bottom: 0;\n      z-index: 0;\n    }\n    & .CodeMirror-linewidget {\n      position: relative;\n      z-index: 2;\n      overflow: auto;\n    }\n    & .CodeMirror-widget {}\n    & .CodeMirror-rtl pre { direction: rtl; }\n    & .CodeMirror-code {\n      outline: none;\n    }\n    /* Force content-box sizing for the elements where we expect it */\n    & .CodeMirror-scroll,\n    & .CodeMirror-sizer,\n    & .CodeMirror-gutter,\n    & .CodeMirror-gutters,\n    & .CodeMirror-linenumber {\n      -moz-box-sizing: content-box;\n      box-sizing: content-box;\n    }\n    & .CodeMirror-measure {\n      position: absolute;\n      width: 100%;\n      height: 0;\n      overflow: hidden;\n      visibility: hidden;\n    }\n    & .CodeMirror-cursor {\n      position: absolute;\n      pointer-events: none;\n    }\n    & .CodeMirror-measure pre { position: static; }\n    & div.CodeMirror-cursors {\n      visibility: hidden;\n      position: relative;\n      z-index: 3;\n    }\n    & div.CodeMirror-dragcursors {\n      visibility: visible;\n    }\n    & .CodeMirror-focused div.CodeMirror-cursors {\n      visibility: visible;\n    }\n    & .CodeMirror-selected { background: #d9d9d9; }\n    & .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\n    & .CodeMirror-crosshair { cursor: crosshair; }\n    & .CodeMirror-line::selection,\n    & .CodeMirror-line > span::selection,\n    & .CodeMirror-line > span > span::selection { background: #d7d4f0; }\n    & .CodeMirror-line::-moz-selection,\n    & .CodeMirror-line > span::-moz-selection,\n    & .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }\n    & .cm-searching {\n      background: #ffa;\n      background: rgba(255, 255, 0, .4);\n    }\n    /* Used to force a border model for a node */\n    & .cm-force-border { padding-right: .1px; }\n    @media print {\n      /* Hide the cursor when printing */\n      & .CodeMirror div.CodeMirror-cursors {\n        visibility: hidden;\n      }\n    }\n    /* See issue #2901 */\n    & .cm-tab-wrap-hack:after { content: ''; }\n    /* Help users use markselection to safely style text background */\n    & span.CodeMirror-selectedtext { background: none; }\n  }\n"], _b.raw = ["\n  /* BASICS */\n\n  .ProseMirror {\n    .CodeMirror {\n      height: auto;\n      border: 1px solid #eee;\n      font-family: monospace;\n      color: black;\n    }\n\n    /* PADDING */\n    & .CodeMirror-lines {\n      padding: 4px 0; /* Vertical padding around content */\n    }\n    & pre {\n      padding: 0 4px; /* Horizontal padding of content */\n    }\n    & .CodeMirror-scrollbar-filler, & .CodeMirror-gutter-filler {\n      background-color: white; /* The little square between H and V scrollbars */\n    }\n\n    /* GUTTER */\n    & .CodeMirror-gutters {\n      border-right: 1px solid #ddd;\n      background-color: #f7f7f7;\n      white-space: nowrap;\n    }\n    & .CodeMirror-linenumbers {}\n    & .CodeMirror-linenumber {\n      padding: 0 3px 0 5px;\n      min-width: 20px;\n      text-align: right;\n      color: #999;\n      white-space: nowrap;\n    }\n    & .CodeMirror-guttermarker { color: black; }\n    & .CodeMirror-guttermarker-subtle { color: #999; }\n\n    /* CURSOR */\n    & .CodeMirror-cursor {\n      border-left: 1px solid black;\n      border-right: none;\n      width: 0;\n    }\n    /* Shown when moving in bi-directional text */\n    & .CodeMirror div.CodeMirror-secondarycursor {\n      border-left: 1px solid silver;\n    }\n    & .cm-fat-cursor .CodeMirror-cursor {\n      width: auto;\n      border: 0 !important;\n      background: #7e7;\n    }\n    & .cm-fat-cursor div.CodeMirror-cursors {\n      z-index: 1;\n    }\n    & .cm-animate-fat-cursor {\n      width: auto;\n      border: 0;\n      -webkit-animation: ", " 1.06s steps(1) infinite;\n      -moz-animation: ", " 1.06s steps(1) infinite;\n      animation: ", " 1.06s steps(1) infinite;\n      background-color: #7e7;\n    }\n    /* Can style cursor different in overwrite (non-insert) mode */\n    & .CodeMirror-overwrite .CodeMirror-cursor {}\n    & .cm-tab { display: inline-block; text-decoration: inherit; }\n    & .CodeMirror-rulers {\n      position: absolute;\n      left: 0; right: 0; top: -50px; bottom: -20px;\n      overflow: hidden;\n    }\n    & .CodeMirror-ruler {\n      border-left: 1px solid #ccc;\n      top: 0; bottom: 0;\n      position: absolute;\n    }\n\n    /* DEFAULT THEME */\n\n    & .cm-s-default .cm-header {color: blue;}\n    & .cm-s-default .cm-quote {color: #090;}\n    & .cm-negative {color: #d44;}\n    & .cm-positive {color: #292;}\n    & .cm-header, .cm-strong {font-weight: bold;}\n    & .cm-em {font-style: italic;}\n    & .cm-link {text-decoration: underline;}\n    & .cm-strikethrough {text-decoration: line-through;}\n\n    & .cm-s-default .cm-keyword {color: #708;}\n    & .cm-s-default .cm-atom {color: #219;}\n    & .cm-s-default .cm-number {color: #164;}\n    & .cm-s-default .cm-def {color: #00f;}\n    & .cm-s-default .cm-variable,\n    & .cm-s-default .cm-punctuation,\n    & .cm-s-default .cm-property,\n    & .cm-s-default .cm-operator {}\n    & .cm-s-default .cm-variable-2 {color: #05a;}\n    & .cm-s-default .cm-variable-3 {color: #085;}\n    & .cm-s-default .cm-comment {color: #a50;}\n    & .cm-s-default .cm-string {color: #a11;}\n    & .cm-s-default .cm-string-2 {color: #f50;}\n    & .cm-s-default .cm-meta {color: #555;}\n    & .cm-s-default .cm-qualifier {color: #555;}\n    & .cm-s-default .cm-builtin {color: #30a;}\n    & .cm-s-default .cm-bracket {color: #997;}\n    & .cm-s-default .cm-tag {color: #170;}\n    & .cm-s-default .cm-attribute {color: #00c;}\n    & .cm-s-default .cm-hr {color: #999;}\n    & .cm-s-default .cm-link {color: #00c;}\n    & .cm-s-default .cm-error {color: #f00;}\n    & .cm-invalidchar {color: #f00;}\n    & .CodeMirror-composing { border-bottom: 2px solid; }\n    /* Default styles for common addons */\n    & div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}\n    & div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}\n    & .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\n    & .CodeMirror-activeline-background {background: #e8f2ff;}\n\n    /* STOP */\n\n    /* The rest of this file contains styles related to the mechanics of\n      the editor. You probably shouldn't touch them. */\n\n    & .CodeMirror {\n      position: relative;\n      overflow: hidden;\n      background: white;\n    }\n\n    & .CodeMirror-scroll {\n      overflow: scroll !important; /* Things will break if this is overridden */\n      /* 30px is the magic margin used to hide the element's real scrollbars */\n      /* See overflow: hidden in .CodeMirror */\n      margin-bottom: -30px; margin-right: -30px;\n      padding-bottom: 30px;\n      height: 100%;\n      outline: none; /* Prevent dragging from highlighting the element */\n      position: relative;\n    }\n    & .CodeMirror-sizer {\n      position: relative;\n      border-right: 30px solid transparent;\n    }\n\n    /* The fake, visible scrollbars. Used to force redraw during scrolling\n      before actual scrolling happens, thus preventing shaking and\n      flickering artifacts. */\n    & .CodeMirror-vscrollbar, & .CodeMirror-hscrollbar, & .CodeMirror-scrollbar-filler, & .CodeMirror-gutter-filler {\n      position: absolute;\n      z-index: 6;\n      display: none;\n    }\n    & .CodeMirror-vscrollbar {\n      right: 0; top: 0;\n      overflow-x: hidden;\n      overflow-y: scroll;\n    }\n    & .CodeMirror-hscrollbar {\n      bottom: 0; left: 0;\n      overflow-y: hidden;\n      overflow-x: scroll;\n    }\n    & .CodeMirror-scrollbar-filler {\n      right: 0; bottom: 0;\n    }\n    & .CodeMirror-gutter-filler {\n      left: 0; bottom: 0;\n    }\n    & .CodeMirror-gutters {\n      position: absolute; left: 0; top: 0;\n      min-height: 100%;\n      z-index: 3;\n    }\n    & .CodeMirror-gutter {\n      white-space: normal;\n      height: 100%;\n      display: inline-block;\n      vertical-align: top;\n      margin-bottom: -30px;\n    }\n    & .CodeMirror-gutter-wrapper {\n      position: absolute;\n      z-index: 4;\n      background: none !important;\n      border: none !important;\n    }\n    & .CodeMirror-gutter-background {\n      position: absolute;\n      top: 0; bottom: 0;\n      z-index: 4;\n    }\n    & .CodeMirror-gutter-elt {\n      position: absolute;\n      cursor: default;\n      z-index: 4;\n    }\n    & .CodeMirror-gutter-wrapper ::selection { background-color: transparent }\n    & .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }\n\n    & .CodeMirror-lines {\n      cursor: text;\n      min-height: 1px; /* prevents collapsing before first draw */\n    }\n    & .CodeMirror pre {\n      /* Reset some styles that the rest of the page might have set */\n      -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\n      border-width: 0;\n      background: transparent;\n      font-family: inherit;\n      font-size: inherit;\n      margin: 0;\n      white-space: pre;\n      word-wrap: normal;\n      line-height: inherit;\n      color: inherit;\n      z-index: 2;\n      position: relative;\n      overflow: visible;\n      -webkit-tap-highlight-color: transparent;\n      -webkit-font-variant-ligatures: contextual;\n      font-variant-ligatures: contextual;\n    }\n    & .CodeMirror-wrap pre {\n      word-wrap: break-word;\n      white-space: pre-wrap;\n      word-break: normal;\n    }\n    & .CodeMirror-linebackground {\n      position: absolute;\n      left: 0; right: 0; top: 0; bottom: 0;\n      z-index: 0;\n    }\n    & .CodeMirror-linewidget {\n      position: relative;\n      z-index: 2;\n      overflow: auto;\n    }\n    & .CodeMirror-widget {}\n    & .CodeMirror-rtl pre { direction: rtl; }\n    & .CodeMirror-code {\n      outline: none;\n    }\n    /* Force content-box sizing for the elements where we expect it */\n    & .CodeMirror-scroll,\n    & .CodeMirror-sizer,\n    & .CodeMirror-gutter,\n    & .CodeMirror-gutters,\n    & .CodeMirror-linenumber {\n      -moz-box-sizing: content-box;\n      box-sizing: content-box;\n    }\n    & .CodeMirror-measure {\n      position: absolute;\n      width: 100%;\n      height: 0;\n      overflow: hidden;\n      visibility: hidden;\n    }\n    & .CodeMirror-cursor {\n      position: absolute;\n      pointer-events: none;\n    }\n    & .CodeMirror-measure pre { position: static; }\n    & div.CodeMirror-cursors {\n      visibility: hidden;\n      position: relative;\n      z-index: 3;\n    }\n    & div.CodeMirror-dragcursors {\n      visibility: visible;\n    }\n    & .CodeMirror-focused div.CodeMirror-cursors {\n      visibility: visible;\n    }\n    & .CodeMirror-selected { background: #d9d9d9; }\n    & .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\n    & .CodeMirror-crosshair { cursor: crosshair; }\n    & .CodeMirror-line::selection,\n    & .CodeMirror-line > span::selection,\n    & .CodeMirror-line > span > span::selection { background: #d7d4f0; }\n    & .CodeMirror-line::-moz-selection,\n    & .CodeMirror-line > span::-moz-selection,\n    & .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }\n    & .cm-searching {\n      background: #ffa;\n      background: rgba(255, 255, 0, .4);\n    }\n    /* Used to force a border model for a node */\n    & .cm-force-border { padding-right: .1px; }\n    @media print {\n      /* Hide the cursor when printing */\n      & .CodeMirror div.CodeMirror-cursors {\n        visibility: hidden;\n      }\n    }\n    /* See issue #2901 */\n    & .cm-tab-wrap-hack:after { content: ''; }\n    /* Help users use markselection to safely style text background */\n    & span.CodeMirror-selectedtext { background: none; }\n  }\n"], injectGlobal(_b, blink, blink, blink));
var _a, _b;
//# sourceMappingURL=styles.js.map