storybook-readme/styles/prismCodeThemes/a11y-dark.css.js

Storybook addon to show components README (for React and Vue)

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));

var _stringRaw = _interopRequireDefault(require("string-raw"));

function _templateObject() {
  var data = (0, _taggedTemplateLiteral2.default)(["\n\n  \n  \n/**\n * a11y-dark theme for JavaScript, CSS, and HTML\n * Based on the okaidia theme: https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css\n * @author ericwbailey\n */\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: #f8f8f2;\n\tbackground: none;\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\tmargin: 0.5em 0;\n\toverflow: auto;\n\tborder-radius: 0.3em;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground: #2b2b2b;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: 0.1em;\n\tborder-radius: 0.3em;\n\twhite-space: normal;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: #d4d0ab;\n}\n\n.token.punctuation {\n\tcolor: #fefefe;\n}\n\n.token.property,\n.token.tag,\n.token.constant,\n.token.symbol,\n.token.deleted {\n\tcolor: #ffa07a;\n}\n\n.token.boolean,\n.token.number {\n\tcolor: #00e0e0;\n}\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n\tcolor: #abe338;\n}\n\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string,\n.token.variable {\n\tcolor: #00e0e0;\n}\n\n.token.atrule,\n.token.attr-value,\n.token.function {\n\tcolor: #ffd700;\n}\n\n.token.keyword {\n\tcolor: #00e0e0;\n}\n\n.token.regex,\n.token.important {\n\tcolor: #ffd700;\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n\n@media screen and (-ms-high-contrast: active) {\n\tcode[class*=\"language-\"],\n\tpre[class*=\"language-\"] {\n\t\tcolor: windowText;\n\t\tbackground: window;\n\t}\n\n\t:not(pre) > code[class*=\"language-\"],\n\tpre[class*=\"language-\"] {\n\t\tbackground: window;\n\t}\n\n\t.token.important {\n\t\tbackground: highlight;\n\t\tcolor: window;\n\t\tfont-weight: normal;\n\t}\n\n\t.token.atrule,\n\t.token.attr-value,\n\t.token.function,\n\t.token.keyword,\n\t.token.operator,\n\t.token.selector {\n\t\tfont-weight: bold;\n\t}\n\n\t.token.attr-value,\n\t.token.comment,\n\t.token.doctype,\n\t.token.function,\n\t.token.keyword,\n\t.token.operator,\n\t.token.property,\n\t.token.string {\n\t\tcolor: highlight;\n\t}\n\n\t.token.attr-value,\n\t.token.url {\n\t\tfont-weight: normal;\n\t}\n}\n\n\n  \n  \n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

var _default = (0, _stringRaw.default)(_templateObject());

exports.default = _default;