UNPKG

storybook-readme

Version:

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

26 lines (17 loc) 4.01 kB
"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 * Based on Plugin: Syntax Highlighter CB \n * Plugin URI: http://wp.tutsplus.com/tutorials/plugins/adding-a-syntax-highlighter-shortcode-using-prism-js\n * Description: Highlight your code snippets with an easy to use shortcode based on Lea Verou's Prism.js. \n * Version: 1.0.0 \n * Author: c.bavota \n * Author URI: http://bavotasan.comhttp://wp.tutsplus.com/tutorials/plugins/adding-a-syntax-highlighter-shortcode-using-prism-js/ */\n/* http://cbavota.bitbucket.org/syntax-highlighter/ */\n\n/* ===== ===== */ \ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: #fff;\n\ttext-shadow: 0 1px 1px #000;\n\tfont-family: Menlo, Monaco, \"Courier New\", monospace;\n\tdirection: ltr;\n\ttext-align: left;\n\tword-spacing: normal;\n\twhite-space: pre;\n\tword-wrap: normal;\n\tline-height: 1.4;\n\tbackground: none;\n\tborder: 0;\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\npre[class*=\"language-\"] code {\n float: left;\n padding: 0 15px 0 0;\n}\n\npre[class*=\"language-\"],\n:not(pre) > code[class*=\"language-\"] {\n\tbackground: #222;\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 15px;\n\tmargin: 1em 0;\n\toverflow: auto;\n\t-moz-border-radius: 8px;\n\t-webkit-border-radius: 8px;\n\tborder-radius: 8px;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: 5px 10px;\n\tline-height: 1;\n\t-moz-border-radius: 3px;\n\t-webkit-border-radius: 3px;\n\tborder-radius: 3px;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: #797979;\n}\n\n.token.selector,\n.token.operator,\n.token.punctuation {\n\tcolor: #fff;\n}\n\n.token.namespace {\n\topacity: .7;\n}\n\n.token.tag,\n.token.boolean {\n\tcolor: #ffd893;\n}\n\n.token.atrule,\n.token.attr-value,\n.token.hex,\n.token.string {\n\tcolor: #B0C975;\n}\n\n.token.property,\n.token.entity,\n.token.url,\n.token.attr-name,\n.token.keyword {\n\tcolor: #c27628;\n}\n\n.token.regex {\n\tcolor: #9B71C6;\n}\n\n.token.entity {\n\tcursor: help;\n}\n\n.token.function,\n.token.constant {\n\tcolor: #e5a638;\n}\n\n.token.variable {\n\tcolor: #fdfba8;\n}\n\n.token.number {\n\tcolor: #8799B0;\n}\n\n.token.important,\n.token.deliminator {\n\tcolor: #E45734;\n}\n\n/* Line highlight plugin */\npre[data-line] {\n\tposition: relative;\n\tpadding: 1em 0 1em 3em;\n}\n\n.line-highlight {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\tmargin-top: 1em; /* Same as .prism's padding-top */\n\tbackground: rgba(255,255,255,.2);\n\tpointer-events: none;\n\tline-height: inherit;\n\twhite-space: pre;\n}\n\n.line-highlight:before,\n.line-highlight[data-end]:after {\n content: attr(data-start);\n position: absolute;\n top: .3em;\n left: .6em;\n min-width: 1em;\n padding: 0 .5em;\n background-color: rgba(255,255,255,.3);\n color: #fff;\n font: bold 65%/1.5 sans-serif;\n text-align: center;\n -moz-border-radius: 8px;\n -webkit-border-radius: 8px;\n border-radius: 8px;\n text-shadow: none;\n}\n\n.line-highlight[data-end]:after {\n content: attr(data-end);\n top: auto;\n bottom: .4em;\n}\n\n/* for line numbers */\n.line-numbers-rows {\n\tmargin: 0;\n}\n\n.line-numbers-rows span {\n padding-right: 10px;\n border-right: 3px #d9d336 solid;\n}\n\n\n \n \n"]); _templateObject = function _templateObject() { return data; }; return data; } var _default = (0, _stringRaw.default)(_templateObject()); exports.default = _default;