react-typing-test
Version:
A react component typing test, user input and wpm calculations.
8 lines (7 loc) • 1.26 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled from "styled-components";
export var RedoButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &&&& {\n color: ", ";\n background-color: ", ";\n\n outline: none;\n border: none;\n\n padding: 4px;\n\n min-height: 25px;\n\n cursor: pointer;\n border-radius: 4px;\n\n &:hover,\n &:active,\n &:focus {\n color: ", ";\n outline: 2px solid ", ";\n }\n }\n"], ["\n &&&& {\n color: ", ";\n background-color: ", ";\n\n outline: none;\n border: none;\n\n padding: 4px;\n\n min-height: 25px;\n\n cursor: pointer;\n border-radius: 4px;\n\n &:hover,\n &:active,\n &:focus {\n color: ", ";\n outline: 2px solid ", ";\n }\n }\n"])), function (props) { return props.theme.mainTextColor; }, function (props) { return props.theme.altBackgroundColor; }, function (props) { return props.theme.mainHighlightColor; }, function (props) { return props.theme.mainHighlightColor; });
var templateObject_1;