react-dayo/dist/module/react-dayo/src/presets/confirms/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  flex-direction: column;\n  font-size: 0.8em;\n  color: ", ";\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ", ";\n  margin-top: 0.3em;\n  box-sizing: border-box;\n  .dayo-confirm--body {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    white-space: pre;\n    padding: 0.5em;\n  }\n  .dayo-confirm--buttons {\n    display: flex;\n  }\n  .dayo-confirm--deny,\n  .dayo-confirm--confirm {\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    padding: 0.5em 1em;\n    cursor: pointer;\n    &:before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0);\n      transition: 0.2s;\n    }\n    &:hover:before {\n      background: rgba(0, 0, 0, 0.2);\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  font-size: 0.8em;\n  color: ", ";\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ",
    ";\n  margin-top: 0.3em;\n  box-sizing: border-box;\n  .dayo-confirm--body {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    white-space: pre;\n    padding: 0.5em;\n  }\n  .dayo-confirm--buttons {\n    display: flex;\n  }\n  .dayo-confirm--deny,\n  .dayo-confirm--confirm {\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    overflow: hidden;\n    padding: 0.5em 1em;\n    cursor: pointer;\n    &:before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0);\n      transition: 0.2s;\n    }\n    &:hover:before {\n      background: rgba(0, 0, 0, 0.2);\n    }\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