@fluent-windows/core
Version:
React components that inspired by Microsoft's Fluent Design System.
16 lines (13 loc) • 1.14 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var keyUmbraOpacity = 0.132;
var keyPenumbraOpacity = 0.108;
function createShadow() {
return ["".concat(arguments.length <= 0 ? undefined : arguments[0], "px ").concat(arguments.length <= 1 ? undefined : arguments[1], "px ").concat(arguments.length <= 2 ? undefined : arguments[2], "px ").concat(arguments.length <= 3 ? undefined : arguments[3], "px rgba(0,0,0,").concat(keyUmbraOpacity, ")"), "".concat(arguments.length <= 4 ? undefined : arguments[4], "px ").concat(arguments.length <= 5 ? undefined : arguments[5], "px ").concat(arguments.length <= 6 ? undefined : arguments[6], "px ").concat(arguments.length <= 7 ? undefined : arguments[7], "px rgba(0,0,0,").concat(keyPenumbraOpacity, ")")].join(',');
}
var shadows = ['none', createShadow(0, 1.6, 3.6, 0, 0, 0.3, 0.9, 0), createShadow(0, 3.2, 7.2, 0, 0, 0.6, 1.8, 0), createShadow(0, 6.4, 14.4, 0, 0, 1.2, 3.6, 0), createShadow(0, 12.8, 28.8, 0, 0, 2.4, 7.2, 0), createShadow(0, 25.6, 57.6, 0, 0, 4.8, 14.4, 0)];
var _default = shadows;
exports["default"] = _default;