react-life-design/lib/Button/buttonOptions/readmore.js

Life Design UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = (function (Colors) { return function (svg) { return "\n  background-size: 100% 200%;\n  background-image: linear-gradient(to bottom, " + Colors.mongeral + " 50%, " + Colors.regalBlue + " 50%);\n  " + svg + ";\n\n  &:hover {\n    background-position: 0 -100%;\n\n    .switch-arrow-elements.one {\n      stroke: " + Colors.line + ";\n      transform: translateX(-1px);\n    }\n\n    .switch-arrow-elements.two {\n      stroke: " + Colors.white + ";\n      transform: translateX(5px);\n    }\n  }\n\n  .down {\n    transform: rotate(90deg);\n    vertical-align: middle;\n  }\n"; }; });
//# sourceMappingURL=readmore.js.map