react-life-design
Version:
Life Design UI components
15 lines • 1.25 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 index_1 = require("../index");
exports.default = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", "px;\n border: 1px solid ", ";\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n height: 100%;\n\n @media screen and (max-width: 600px) {\n padding: ", "px;\n }\n\n ", "\n"], ["\n padding: ", "px;\n border: 1px solid ", ";\n transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n height: 100%;\n\n @media screen and (max-width: 600px) {\n padding: ", "px;\n }\n\n ",
"\n"])), index_1.Sizes.s5, index_1.Colors.line, index_1.Sizes.s4, function (_a) {
var interactive = _a.interactive;
return interactive && "\n &:hover {\n transform: scale(1.01, 1.01);\n box-shadow: 0 0px 16px 6px rgba(0,0,0,0.1);\n }\n ";
});
var templateObject_1;
//# sourceMappingURL=Cards.js.map