storybook-readme/styles/prismCodeThemes/hopscotch.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@import url(https://fonts.googleapis.com/css?family=Fira+Mono);\n/*\n * Hopscotch\n * by Jan T. Sott\n * https://github.com/idleberg/Hopscotch\n *\n * This work is licensed under the Creative Commons CC0 1.0 Universal License\n */ \n \ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n  color: #ffffff;\n  font-family: \"Fira Mono\", Menlo, Monaco, \"Lucida Console\",\"Courier New\", Courier, monospace;\n  font-size: 16px;\n  line-height: 1.375;\n  direction: ltr;\n  text-align: left;\n  word-spacing: normal;\n\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n\n  -webkit-hyphens: none;\n  -moz-hyphens: none;\n  -ms-hyphens: none;\n  hyphens: none; \n  white-space: pre; \n  white-space: pre-wrap; \n  word-break: break-all;\n  word-wrap: break-word; \n  background: #322931; \n  color: #b9b5b8;\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n  padding: 1em;\n  margin: .5em 0;\n  overflow: auto; \n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n  padding: .1em;\n  border-radius: .3em;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n  color: #797379;\n}\n\n.token.punctuation {\n  color: #b9b5b8;\n}\n\n.namespace {\n  opacity: .7;\n}\n\n.token.null,\n.token.operator,\n.token.boolean,\n.token.number {\n  color: #fd8b19;\n} \n.token.property { \n  color: #fdcc59;\n}\n.token.tag { \n  color: #1290bf;\n} \n.token.string {\n  color: #149b93;\n} \n.token.selector { \n  color: #c85e7c;\n}\n.token.attr-name { \n  color: #fd8b19;\n} \n.token.entity,\n.token.url, \n.language-css .token.string,\n.style .token.string {\n  color: #149b93;\n}\n\n.token.attr-value,\n.token.keyword,\n.token.control,\n.token.directive,\n.token.unit {\n  color: #8fc13e;\n} \n\n.token.statement,\n.token.regex, \n.token.atrule { \n  color: #149b93;\n}\n\n.token.placeholder,\n.token.variable {\n  color: #1290bf;\n} \n\n.token.important {\n  color: #dd464c;\n  font-weight: bold;\n} \n\n.token.entity {\n  cursor: help;\n} \n\npre > code.highlight {\n  outline: .4em solid red;\n  outline-offset: .4em;\n} \n\n\n\n  \n  \n"]);

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

  return data;
}

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

exports.default = _default;