react-dayo
Version:
A Queue component for notification etc
15 lines • 2.04 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;
};
Object.defineProperty(exports, "__esModule", { value: true });
var styled_components_1 = require("styled-components");
var css = styled_components_1.css;
exports.mixin = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n font-size: .8em;\n color: '", "';\n background-color: ", ";\n border: 1px solid;\n border-color: ", ";\n padding: 0.25em 0.5em;\n margin-top: 0.3em;\n box-sizing: border-box;\n\n .dayo-notification--middle {\n margin: 0 0.5em;\n }\n\n .dato-notification--right {\n display: flex;\n align-items: center;\n }\n\n .dato-notification--right svg {\n height: .7em;\n opacity: 0.7;\n transition: 0.2s;\n transition-property: height, opacity;\n }\n\n .dato-notification--right svg:hover {\n height: 0.8em;\n opacity: 1;\n cursor: pointer;\n }\n"], ["\n display: flex;\n align-items: center;\n font-size: .8em;\n color: '", "';\n background-color: ", ";\n border: 1px solid;\n border-color: ",
";\n padding: 0.25em 0.5em;\n margin-top: 0.3em;\n box-sizing: border-box;\n\n .dayo-notification--middle {\n margin: 0 0.5em;\n }\n\n .dato-notification--right {\n display: flex;\n align-items: center;\n }\n\n .dato-notification--right svg {\n height: .7em;\n opacity: 0.7;\n transition: 0.2s;\n transition-property: height, opacity;\n }\n\n .dato-notification--right svg:hover {\n height: 0.8em;\n opacity: 1;\n cursor: pointer;\n }\n"])), function (props) { return props.theme.textColor; }, function (props) { return props.theme.backgroundColor; }, function (props) {
return props.theme.borderColor || props.theme.backgroundColor;
});
exports.default = exports.mixin;
var templateObject_1;
//# sourceMappingURL=mixin.js.map