@cap3/capitano-components
Version:
# <div style="color: crimson;">ALPHA DISCLAIMER</div>
21 lines • 1.01 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const polished_1 = require("polished");
const topShadowOffsets = [1.5, 3, 10, 14, 19];
const topShadowOpacities = [0.12, 0.16, 0.19, 0.25, 0.3];
const bottomShadowOffsets = [1.5, 3, 6, 10, 15];
const bottomShadowOpacities = [0.24, 0.23, 0.23, 0.22, 0.22];
const generateShadowString = (elevation, shadowOffsets, shadowOpacities) => {
const elevationIndex = Math.min(Math.max(elevation, 0), shadowOffsets.length - 1);
const primaryOffset = shadowOffsets[elevationIndex];
const blur = primaryOffset * 4;
const color = polished_1.rgba('#000000', shadowOpacities[elevationIndex]);
return `0 ${primaryOffset}px ${blur}px ${color}`;
};
exports.topShadow = (elevation) => {
return generateShadowString(elevation, topShadowOffsets, topShadowOpacities);
};
exports.bottomShadow = (elevation) => {
return generateShadowString(elevation, bottomShadowOffsets, bottomShadowOpacities);
};
//# sourceMappingURL=shadows.js.map