@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
57 lines • 2 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.shadowBeforeStyles = exports.shadowAfterStylesSpecificProps = exports.shadowAfterStyles = exports.transformShadow = void 0;
const transformShadow = (radius) => ({
transform_style: 'preserve-3d',
transform: 'translateZ(1px)',
position: 'relative',
border_radius: radius,
});
exports.transformShadow = transformShadow;
const shadowAfterStyles = (radius, color, width, height) => ({
before: {
display: 'block',
content: '',
position: 'absolute',
bottom: `calc(-${width} * 2)`,
right: `calc(-${width} * 2)`,
width: `calc(100% + ${width})`,
height: height ? height : '100%',
background_color: color,
border_radius: radius,
transform: 'translateZ(-1px)',
},
});
exports.shadowAfterStyles = shadowAfterStyles;
const shadowAfterStylesSpecificProps = (radius, color, pixelsTranslation, width, height, right, top) => ({
before: {
display: 'block',
content: '',
position: 'absolute',
top: top,
bottom: `calc(-${pixelsTranslation} * 2)`,
right: right ? right : `calc(-${pixelsTranslation} * 2)`,
width: width ? width : `calc(100% + ${width})`,
height: height ? height : '100%',
background_color: color,
border_radius: radius,
transform: 'translateZ(-1px)',
},
});
exports.shadowAfterStylesSpecificProps = shadowAfterStylesSpecificProps;
const shadowBeforeStyles = (radius, color, width) => ({
before: {
display: 'block',
content: '',
position: 'absolute',
bottom: `calc(-${width} * 2)`,
right: `calc(-${width} * 2)`,
width: `calc(100% + ${width})`,
height: '100%',
background_color: color,
border_radius: radius,
transform: 'translateZ(-1px)',
},
});
exports.shadowBeforeStyles = shadowBeforeStyles;
//# sourceMappingURL=wireframe.js.map