@alifd/next/es/core2/style/_shadow.css

A configurable component library for web built on React.

:root {
--shadow-sides-base: "base";
--shadow-sides-up: "up";
--shadow-sides-right: "right";
--shadow-sides-down: "down";
--shadow-sides-left: "left";
--shadow-distance-sd1: 1;
--shadow-distance-sd2: 2;
--shadow-distance-sd3: 3;
--shadow-distance-sd1y: 1;
--shadow-distance-sd2y: 2;
--shadow-distance-sd3y: 3;
--shadow-opacity-sd1: 0.12;
--shadow-opacity-sd2: 0.12;
--shadow-opacity-sd3: 0.12;
--shadow-color-sd1: #000000;
--shadow-color-sd2: #000000;
--shadow-color-sd3: #000000;
--shadow-color-opacity-sd1: rgba(0, 0, 0, 0.12);
--shadow-color-opacity-sd2: rgba(0, 0, 0, 0.12);
--shadow-color-opacity-sd3: rgba(0, 0, 0, 0.12);
--shadow-blur-sd1: 3;
--shadow-blur-sd2: 4;
--shadow-blur-sd3: 5;
--shadow-spread-sd1: 0;
--shadow-spread-sd2: 0;
--shadow-spread-sd3: 0;
--shadow-zero: none;
--shadow-1: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
--shadow-1-up: 0px -1px 3px 0px rgba(0, 0, 0, 0.12);
--shadow-1-right: 1px 0px 3px 0px rgba(0, 0, 0, 0.12);
--shadow-1-down: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--shadow-1-left: -1px 0px 3px 0px rgba(0, 0, 0, 0.12);
--shadow-2: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
--shadow-2-up: 0px -2px 4px 0px rgba(0, 0, 0, 0.12);
--shadow-2-right: 2px 0px 4px 0px rgba(0, 0, 0, 0.12);
--shadow-2-down: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
--shadow-2-left: -2px 0px 4px 0px rgba(0, 0, 0, 0.12);
--shadow-3: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
--shadow-3-up: 0px -3px 5px 0px rgba(0, 0, 0, 0.12);
--shadow-3-right: 3px 0px 5px 0px rgba(0, 0, 0, 0.12);
--shadow-3-down: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
--shadow-3-left: -3px 0px 5px 0px rgba(0, 0, 0, 0.12);
--shadow-0: none;
}