@coko/client
Version:
Client side common code for coko apps
38 lines (34 loc) • 2.21 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _styledComponents = require("styled-components");
var _toolkit = require("../../toolkit");
var _templateObject, _templateObject2, _templateObject3;
/* stylelint-disable string-quotes */
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
// const checking = keyframes`
// 0% {
// transform: scale(0.8);
// }
// 20% {
// transform: scale(1.2);
// }
// 80% {
// transform: scale(1);
// }
// 100% {
// transform: scale(1);
// }
// `
var localBorderSize = '3px';
var localBorderTwoSize = '1px';
var _default = {
Label: (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: 1.1em;\n font-style: italic;\n letter-spacing: 1px;\n transition: color 0.5s;\n\n &::before {\n background: ", ";\n border: ", " solid white;\n box-shadow: 0 0 0 ", " currentColor;\n content: ' ';\n display: inline-block;\n height: 0.7em;\n margin-right: 0.5em;\n transition: border 0.5s ease, background-size 0.3s ease;\n vertical-align: middle;\n width: 0.7em;\n }\n "])), function (props) {
return props.checked ? 'currentColor' : 'transparent';
}, localBorderSize, localBorderTwoSize),
Input: (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n opacity: 0;\n position: absolute;\n z-index: -1;\n\n &:focus + span::before {\n box-shadow: 0 0 ", " calc(", " * 2)\n ", ";\n }\n "])), (0, _toolkit.th)('borderWidth'), (0, _toolkit.th)('borderWidth'), (0, _toolkit.th)('colorPrimary')),
Root: (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n transition: all 2s;\n\n &:hover span {\n color: ", ";\n\n &::before {\n box-shadow: 0 0 0 ", " ", ";\n }\n }\n "])), (0, _toolkit.th)('colorPrimary'), localBorderTwoSize, (0, _toolkit.th)('colorPrimary'))
};
exports["default"] = _default;