enoad-component-web/lib/components/EnoadSwitch/styled.js

针对web端的控件

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Slider = exports.Input = exports.SwitchContainer = void 0;
var tslib_1 = require("tslib");
var styled_components_1 = (0, tslib_1.__importDefault)(require("styled-components"));
exports.SwitchContainer = styled_components_1.default.label.attrs({
    height: "20px",
    width: "40px",
})(templateObject_1 || (templateObject_1 = (0, tslib_1.__makeTemplateObject)(["\n  position: relative;\n  display: inline-block;\n  width: ", ";\n  height: ", ";\n"], ["\n  position: relative;\n  display: inline-block;\n  width: ", ";\n  height: ", ";\n"])), function (props) { return props.width; }, function (props) { return props.height; });
exports.Input = styled_components_1.default.input(templateObject_2 || (templateObject_2 = (0, tslib_1.__makeTemplateObject)(["\n  display: none;\n  :checked + div {\n    background-color: red;\n    ::before {\n      -webkit-transform: translateX(18px);\n      -ms-transform: translateX(18px);\n      transform: translateX(18px);\n    }\n  }\n  :focus + div {\n    box-shadow: 0 0 1px red;\n  }\n"], ["\n  display: none;\n  :checked + div {\n    background-color: red;\n    ::before {\n      -webkit-transform: translateX(18px);\n      -ms-transform: translateX(18px);\n      transform: translateX(18px);\n    }\n  }\n  :focus + div {\n    box-shadow: 0 0 1px red;\n  }\n"])));
exports.Slider = styled_components_1.default.div(templateObject_3 || (templateObject_3 = (0, tslib_1.__makeTemplateObject)(["\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #eee;\n  -webkit-transition: 0.4s;\n  transition: 0.4s;\n  border-radius: 34px;\n  ::before {\n    position: absolute;\n    content: \"\";\n    height: 18px;\n    width: 18px;\n    left: 2px;\n    bottom: 1px;\n    background-color: white;\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n"], ["\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #eee;\n  -webkit-transition: 0.4s;\n  transition: 0.4s;\n  border-radius: 34px;\n  ::before {\n    position: absolute;\n    content: \"\";\n    height: 18px;\n    width: 18px;\n    left: 2px;\n    bottom: 1px;\n    background-color: white;\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n"])));
var templateObject_1, templateObject_2, templateObject_3;
//# sourceMappingURL=./components/EnoadSwitch/styled.js.map