├── .gitignore ├── static └── Glitter.gif ├── dist ├── index.d.ts ├── components │ ├── Highlight.d.ts │ ├── TextBackgroundEffect.d.ts │ └── Glitter.d.ts ├── Highlight.css ├── Glitter.css ├── index.css ├── Highlight.js ├── Glitter.js └── index.js ├── src ├── index.ts └── components │ ├── Glitter.css │ ├── TextBackgroundEffect.css │ ├── TextBackgroundEffect.tsx │ ├── Glitter.tsx │ ├── Highlight.tsx │ └── Highlight.css ├── postcss.config.js ├── tsconfig.json ├── package.json └── webpack.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .cache/ 3 | yarn-error.log -------------------------------------------------------------------------------- /static/Glitter.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/asg017/components/master/static/Glitter.gif -------------------------------------------------------------------------------- /dist/index.d.ts: -------------------------------------------------------------------------------- 1 | export { Glitter } from "./components/Glitter"; 2 | export { Highlight } from "./components/Highlight"; 3 | -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- 1 | export { Glitter } from "./components/Glitter"; 2 | export { Highlight } from "./components/Highlight"; 3 | -------------------------------------------------------------------------------- /src/components/Glitter.css: -------------------------------------------------------------------------------- 1 | .Codeblog-Glitter { 2 | background: linear-gradient(transparent, transparent), url(https://storage.googleapis.com/codeblog-public/Glitter.gif) repeat 100px 20px; 3 | } 4 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | "postcss-css-variables": { 4 | preserve: true 5 | }, 6 | "postcss-import": {}, 7 | "postcss-preset-env": { 8 | browsers: "last 2 versions" 9 | }, 10 | cssnano: {} 11 | } 12 | }; 13 | -------------------------------------------------------------------------------- /dist/components/Highlight.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import "./Highlight.css"; 3 | interface HighlightProps { 4 | children: React.ReactNode; 5 | className?: string; 6 | color?: "green" | "yellow" | "pink"; 7 | } 8 | export declare const Highlight: ({ children, className, color, ...otherProps }: HighlightProps) => JSX.Element; 9 | export {}; 10 | -------------------------------------------------------------------------------- /dist/components/TextBackgroundEffect.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import "./TextBackgroundEffect.css"; 3 | export interface TextBackgroundEffectProps { 4 | children: React.ReactNode; 5 | className?: string; 6 | } 7 | export declare const TextBackgroundEffect: ({ children, className, ...otherProps }: TextBackgroundEffectProps) => JSX.Element; 8 | export default TextBackgroundEffect; 9 | -------------------------------------------------------------------------------- /dist/components/Glitter.d.ts: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import "./Glitter.css"; 3 | export declare const GLITTER_BACKGROUND_URL = "https://storage.googleapis.com/codeblog-public/Glitter.gif"; 4 | interface GlitterProps { 5 | children: React.ReactNode; 6 | className?: string; 7 | } 8 | export declare const Glitter: ({ children, className, ...otherProps }: GlitterProps) => JSX.Element; 9 | export {}; 10 | -------------------------------------------------------------------------------- /src/components/TextBackgroundEffect.css: -------------------------------------------------------------------------------- 1 | .Codeblog-TextBackgroundEffect:after, 2 | .Codeblog-TextBackgroundEffect:before { 3 | content: " "; 4 | display: inline; 5 | } 6 | 7 | .Codeblog-TextBackgroundEffect { 8 | color: blue; 9 | background-clip: text !important; 10 | -webkit-background-clip: text !important; 11 | -webkit-text-fill-color: transparent !important; 12 | letter-spacing: 1px; 13 | text-decoration: none; 14 | } 15 | -------------------------------------------------------------------------------- /dist/Highlight.css: -------------------------------------------------------------------------------- 1 | .Codeblog-Highlight{border-radius:5px;padding-left:3px;-webkit-transition:background-color .1s linear;transition:background-color .1s linear}.Codeblog-Highlight--green{background-color:#9fc}.Codeblog-Highlight--green::selection{background-color:#9cc}.Codeblog-Highlight--pink{background-color:#fcf}.Codeblog-Highlight--pink::selection{background-color:#f9f}.Codeblog-Highlight--yellow{background-color:#ffc}.Codeblog-Highlight--yellow::selection{background-color:#ff6} 2 | -------------------------------------------------------------------------------- /dist/Glitter.css: -------------------------------------------------------------------------------- 1 | .Codeblog-TextBackgroundEffect:after,.Codeblog-TextBackgroundEffect:before{content:" ";display:inline}.Codeblog-TextBackgroundEffect{color:#00f;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;letter-spacing:1px;text-decoration:none} 2 | .Codeblog-Glitter{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)),url(https://storage.googleapis.com/codeblog-public/Glitter.gif) repeat 100px 20px;background:linear-gradient(transparent,transparent),url(https://storage.googleapis.com/codeblog-public/Glitter.gif) repeat 100px 20px} 3 | -------------------------------------------------------------------------------- /src/components/TextBackgroundEffect.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import classnames from "classnames"; 3 | import "./TextBackgroundEffect.css"; 4 | 5 | export interface TextBackgroundEffectProps { 6 | children: React.ReactNode; 7 | className?: string; 8 | } 9 | 10 | export const TextBackgroundEffect = ({ 11 | children, 12 | className, 13 | ...otherProps 14 | }: TextBackgroundEffectProps) => { 15 | return ( 16 | 20 | {children} 21 | 22 | ); 23 | }; 24 | 25 | export default TextBackgroundEffect; 26 | -------------------------------------------------------------------------------- /src/components/Glitter.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import TextBackgroundEffect from "./TextBackgroundEffect"; 3 | import classnames from "classnames"; 4 | import "./Glitter.css"; 5 | 6 | export const GLITTER_BACKGROUND_URL = 7 | "https://storage.googleapis.com/codeblog-public/Glitter.gif"; 8 | 9 | interface GlitterProps { 10 | children: React.ReactNode; 11 | className?: string; 12 | } 13 | 14 | export const Glitter = ({ 15 | children, 16 | className, 17 | ...otherProps 18 | }: GlitterProps) => ( 19 | 23 | {children} 24 | 25 | ); 26 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": "./dist/", 4 | "allowSyntheticDefaultImports": true, 5 | "lib": ["dom", "es2015", "es2016", "es2017", "es2018"], 6 | "jsx": "react", 7 | "target": "es2017", 8 | "module": "umd", 9 | "moduleResolution": "node", 10 | "noImplicitAny": true, 11 | "noUnusedLocals": true, 12 | "noUnusedParameters": true, 13 | "removeComments": false, 14 | "preserveConstEnums": true, 15 | "sourceMap": true, 16 | "skipLibCheck": true, 17 | "emitDeclarationOnly": true, 18 | "declaration": true, 19 | "declarationDir": "./dist", 20 | "esModuleInterop": true 21 | }, 22 | "include": ["./src"], 23 | "exclude": ["node_modules", "dist"] 24 | } 25 | -------------------------------------------------------------------------------- /src/components/Highlight.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import classnames from "classnames"; 3 | import "./Highlight.css"; 4 | 5 | interface HighlightProps { 6 | children: React.ReactNode; 7 | className?: string; 8 | color?: "green" | "yellow" | "pink"; 9 | } 10 | 11 | export const Highlight = ({ 12 | children, 13 | className, 14 | color = "yellow", 15 | ...otherProps 16 | }: HighlightProps) => ( 17 | 25 | {children} 26 | 27 | ); 28 | -------------------------------------------------------------------------------- /src/components/Highlight.css: -------------------------------------------------------------------------------- 1 | .Codeblog-Highlight { 2 | border-radius: 5px; 3 | padding-left: 3px; 4 | transition: background-color 0.1s linear; 5 | } 6 | 7 | .Codeblog-Highlight--green { 8 | background-color: #99FFCC; /* Default color, all browsers */ 9 | } 10 | 11 | .Codeblog-Highlight--green::selection { 12 | background-color: #99CCCC; /* Selection color, WebKit/Blink Browsers */ 13 | } 14 | 15 | .Codeblog-Highlight--pink { 16 | background-color: #FFCCFF; /* Default color, all browsers */ 17 | } 18 | 19 | .Codeblog-Highlight--pink::selection { 20 | background-color: #FF99FF; /* Selection color, WebKit/Blink Browsers */ 21 | } 22 | 23 | .Codeblog-Highlight--yellow { 24 | background-color: #FFFFCC; /* Default color, all browsers */ 25 | } 26 | 27 | .Codeblog-Highlight--yellow::selection { 28 | background-color: #FFFF66; /* Selection color, WebKit/Blink Browsers */ 29 | } 30 | -------------------------------------------------------------------------------- /dist/index.css: -------------------------------------------------------------------------------- 1 | .Codeblog-TextBackgroundEffect:after,.Codeblog-TextBackgroundEffect:before{content:" ";display:inline}.Codeblog-TextBackgroundEffect{color:#00f;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;letter-spacing:1px;text-decoration:none} 2 | .Codeblog-Glitter{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(transparent)),url(https://storage.googleapis.com/codeblog-public/Glitter.gif) repeat 100px 20px;background:linear-gradient(transparent,transparent),url(https://storage.googleapis.com/codeblog-public/Glitter.gif) repeat 100px 20px} 3 | .Codeblog-Highlight{border-radius:5px;padding-left:3px;-webkit-transition:background-color .1s linear;transition:background-color .1s linear}.Codeblog-Highlight--green{background-color:#9fc}.Codeblog-Highlight--green::selection{background-color:#9cc}.Codeblog-Highlight--pink{background-color:#fcf}.Codeblog-Highlight--pink::selection{background-color:#f9f}.Codeblog-Highlight--yellow{background-color:#ffc}.Codeblog-Highlight--yellow::selection{background-color:#ff6} 4 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@codeblog/components", 3 | "version": "1.0.5", 4 | "main": "dist/index.js", 5 | "browser": "dist/index.js", 6 | "repository": "git@github.com:codeblog/components.git", 7 | "author": "Jarred Sumner ", 8 | "license": "MIT", 9 | "scripts": { 10 | "dev": "webpack --config webpack.config.js --mode development --watch", 11 | "build": "webpack --config webpack.config.js --mode production", 12 | "postbuild": "yarn tsc -p tsconfig.json", 13 | "deploy": "yarn build && yarn publish" 14 | }, 15 | "peerDependencies": { 16 | "object-assign": "*", 17 | "react": "^16.8.3", 18 | "react-dom": "^16.8.3" 19 | }, 20 | "devDependencies": { 21 | "@babel/core": "^7.3.3", 22 | "@babel/plugin-proposal-class-properties": "^7.3.3", 23 | "@babel/preset-env": "^7.3.1", 24 | "@babel/preset-react": "^7.0.0", 25 | "@babel/preset-typescript": "^7.3.3", 26 | "@types/classnames": "^2.2.7", 27 | "@types/react": "^16.8.4", 28 | "babel-loader": "^8.0.5", 29 | "clean-webpack-plugin": "^1.0.1", 30 | "copy-webpack-plugin": "^5.0.0", 31 | "css-loader": "^2.1.0", 32 | "cssnano": "^4.1.10", 33 | "dts-bundle-webpack": "^1.0.2", 34 | "mini-css-extract-plugin": "^0.5.0", 35 | "peer-deps-externals-webpack-plugin": "^1.0.4", 36 | "postcss-css-variables": "^0.12.0", 37 | "postcss-import": "^12.0.1", 38 | "postcss-loader": "^3.0.0", 39 | "postcss-preset-env": "^6.5.0", 40 | "ts-loader": "^5.3.3", 41 | "typescript": "^3.3.3333", 42 | "webpack": "^4.29.5", 43 | "webpack-cli": "^3.2.3" 44 | }, 45 | "dependencies": { 46 | "classnames": "^2.2.6", 47 | "react": "^16.8.3" 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | const path = require("path"); 2 | const MiniCssExtractPlugin = require("mini-css-extract-plugin"); 3 | const CleanWebpackPlugin = require("clean-webpack-plugin"); 4 | const CopyWebpackPlugin = require("copy-webpack-plugin"); 5 | const PeerDepsExternalsPlugin = require("peer-deps-externals-webpack-plugin"); 6 | 7 | module.exports = { 8 | entry: { 9 | index: path.resolve(__dirname, "src/index.ts"), 10 | Glitter: path.resolve(__dirname, "src/components/Glitter.tsx"), 11 | Highlight: path.resolve(__dirname, "src/components/Highlight.tsx") 12 | }, 13 | output: { 14 | path: path.resolve(__dirname, "./dist"), 15 | library: "@codeblog/template", 16 | libraryTarget: "umd", 17 | globalObject: "typeof self !== 'undefined' ? self : this" 18 | }, 19 | target: "web", 20 | resolve: { 21 | extensions: [".wasm", ".mjs", ".js", ".json", ".tsx", ".ts"] 22 | }, 23 | module: { 24 | rules: [ 25 | { 26 | test: /\.js$/, 27 | exclude: /(node_modules|bower_components)/, 28 | loader: "babel-loader", 29 | options: { 30 | presets: ["@babel/preset-env", "@babel/react"], 31 | plugins: ["@babel/plugin-proposal-class-properties"] 32 | } 33 | }, 34 | { 35 | test: /\.tsx?$/, 36 | exclude: /(node_modules|bower_components)/, 37 | use: [ 38 | { 39 | loader: "babel-loader", 40 | options: { 41 | presets: [ 42 | "@babel/preset-env", 43 | "@babel/react", 44 | "@babel/preset-typescript" 45 | ], 46 | plugins: ["@babel/plugin-proposal-class-properties"] 47 | } 48 | } 49 | ] 50 | }, 51 | { 52 | test: /\.css$/, 53 | use: [ 54 | { 55 | loader: MiniCssExtractPlugin.loader, 56 | options: { 57 | // you can specify a publicPath here 58 | // by default it use publicPath in webpackOptions.output 59 | publicPath: "../" 60 | } 61 | }, 62 | { loader: "css-loader", options: { importLoaders: 1 } }, 63 | "postcss-loader" 64 | ] 65 | } 66 | ] 67 | }, 68 | plugins: [ 69 | new CleanWebpackPlugin(path.resolve(__dirname, "dist"), { 70 | root: path.resolve(__dirname) 71 | }), 72 | new MiniCssExtractPlugin({ 73 | // Options similar to the same options in webpackOptions.output 74 | // both options are optional 75 | filename: "[name].css" 76 | }), 77 | new PeerDepsExternalsPlugin() 78 | ] 79 | }; 80 | -------------------------------------------------------------------------------- /dist/Highlight.js: -------------------------------------------------------------------------------- 1 | !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["@codeblog/template"]=t(require("react")):e["@codeblog/template"]=t(e.react)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=2)}([function(t,r){t.exports=e},function(e,t,r){var n; 2 | /*! 3 | Copyright (c) 2017 Jed Watson. 4 | Licensed under the MIT License (MIT), see 5 | http://jedwatson.github.io/classnames 6 | */ 7 | /*! 8 | Copyright (c) 2017 Jed Watson. 9 | Licensed under the MIT License (MIT), see 10 | http://jedwatson.github.io/classnames 11 | */ 12 | !function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var f=function(e){var t=e.children,r=e.className,o=e.color,f=void 0===o?"yellow":o,c=u(e,["children","className","color"]);return n.createElement("span",l({className:i()("Codeblog-Highlight",r,{"Codeblog-Highlight--green":"green"===f,"Codeblog-Highlight--pink":"pink"===f,"Codeblog-Highlight--yellow":"yellow"===f})},c),t)}},,,,function(e,t,r){}])}); -------------------------------------------------------------------------------- /dist/Glitter.js: -------------------------------------------------------------------------------- 1 | !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["@codeblog/template"]=t(require("react")):e["@codeblog/template"]=t(e.react)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=3)}([function(t,r){t.exports=e},function(e,t,r){var n; 2 | /*! 3 | Copyright (c) 2017 Jed Watson. 4 | Licensed under the MIT License (MIT), see 5 | http://jedwatson.github.io/classnames 6 | */ 7 | /*! 8 | Copyright (c) 2017 Jed Watson. 9 | Licensed under the MIT License (MIT), see 10 | http://jedwatson.github.io/classnames 11 | */ 12 | !function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var c=function(e){var t=e.children,r=e.className,o=i(e,["children","className"]);return n.createElement("span",l({},o,{className:u()("Codeblog-TextBackgroundEffect",r)}),t)};r(5);function f(){return(f=Object.assign||function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}r.d(t,"GLITTER_BACKGROUND_URL",function(){return p}),r.d(t,"Glitter",function(){return s});var p="https://storage.googleapis.com/codeblog-public/Glitter.gif",s=function(e){var t=e.children,r=e.className,o=a(e,["children","className"]);return n.createElement(c,f({className:u()("Codeblog-Glitter",r)},o),t)}},function(e,t,r){},function(e,t,r){}])}); -------------------------------------------------------------------------------- /dist/index.js: -------------------------------------------------------------------------------- 1 | !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["@codeblog/template"]=t(require("react")):e["@codeblog/template"]=t(e.react)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=7)}([function(t,r){t.exports=e},function(e,t,r){var n; 2 | /*! 3 | Copyright (c) 2017 Jed Watson. 4 | Licensed under the MIT License (MIT), see 5 | http://jedwatson.github.io/classnames 6 | */ 7 | /*! 8 | Copyright (c) 2017 Jed Watson. 9 | Licensed under the MIT License (MIT), see 10 | http://jedwatson.github.io/classnames 11 | */ 12 | !function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var c=function(e){var t=e.children,r=e.className,o=e.color,c=void 0===o?"yellow":o,a=u(e,["children","className","color"]);return n.createElement("span",i({className:l()("Codeblog-Highlight",r,{"Codeblog-Highlight--green":"green"===c,"Codeblog-Highlight--pink":"pink"===c,"Codeblog-Highlight--yellow":"yellow"===c})},a),t)}},function(e,t,r){"use strict";r.r(t);var n=r(0),o=r(1),l=r.n(o);r(4);function i(){return(i=Object.assign||function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var c=function(e){var t=e.children,r=e.className,o=u(e,["children","className"]);return n.createElement("span",i({},o,{className:l()("Codeblog-TextBackgroundEffect",r)}),t)};r(5);function a(){return(a=Object.assign||function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}r.d(t,"GLITTER_BACKGROUND_URL",function(){return s}),r.d(t,"Glitter",function(){return p});var s="https://storage.googleapis.com/codeblog-public/Glitter.gif",p=function(e){var t=e.children,r=e.className,o=f(e,["children","className"]);return n.createElement(c,a({className:l()("Codeblog-Glitter",r)},o),t)}},function(e,t,r){},function(e,t,r){},function(e,t,r){},function(e,t,r){"use strict";r.r(t);var n=r(3);r.d(t,"Glitter",function(){return n.Glitter});var o=r(2);r.d(t,"Highlight",function(){return o.Highlight})}])}); --------------------------------------------------------------------------------