react-typing-test
Version:
A react component typing test, user input and wpm calculations.
18 lines (17 loc) • 1.92 kB
JavaScript
"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
exports.__esModule = true;
exports.ColoredSpan = exports.BottomBar = exports.GlobalStyle = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
var styled_components_2 = require("styled-components");
var RobotoMono_Medium_ttf_1 = __importDefault(require("../assets/RobotoMono-Medium.ttf"));
exports.GlobalStyle = (0, styled_components_2.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n @font-face {\n font-family: 'Roboto Mono';\n src: url(", ") format('truetype');\n }\n\n * {\n font-family: 'Roboto Mono';\n }\n"], ["\n @font-face {\n font-family: 'Roboto Mono';\n src: url(", ") format('truetype');\n }\n\n * {\n font-family: 'Roboto Mono';\n }\n"])), RobotoMono_Medium_ttf_1["default"]);
exports.BottomBar = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &&&& {\n margin-top: 12px;\n display: grid;\n grid-template-columns: 2fr 0.5fr;\n text-align: center;\n }\n"], ["\n &&&& {\n margin-top: 12px;\n display: grid;\n grid-template-columns: 2fr 0.5fr;\n text-align: center;\n }\n"])));
exports.ColoredSpan = styled_components_1["default"].span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &&&& {\n color: ", ";\n }\n"], ["\n &&&& {\n color: ", ";\n }\n"])), function (props) { return props.theme.mainTextColor; });
var templateObject_1, templateObject_2, templateObject_3;