react-dayo/dist/module/react-dayo/src/presets/notifications/mixin.js

A Queue component for notification etc

var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import { css as baseCss } from 'styled-components';
var css = baseCss;
export var 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;
});
export default mixin;
var templateObject_1;
//# sourceMappingURL=mixin.js.map