@codecademy/gamut-styles

Index: package/dist/variables/elevation.js
===================================================================
--- package/dist/variables/elevation.js
+++ package/dist/variables/elevation.js
@@ -0,0 +1,43 @@
+export const coreElevation = ({
+  colors
+}) => {
+  const shadowPrimary = colors['shadow-primary'];
+  const offset = 8;
+  const lift = 4;
+  const shadow = x => `${x}px ${offset}px 0 0 ${shadowPrimary}`;
+  return {
+    rest: {
+      shadow: `0 0 0 0 ${shadowPrimary}`,
+      transform: 'none'
+    },
+    hover: {
+      shadow: shadow(-offset),
+      transform: `translate(${lift}px, -${lift}px)`
+    },
+    hoverMirrored: {
+      shadow: shadow(offset),
+      transform: `translate(-${lift}px, -${lift}px)`
+    }
+  };
+};
+export const percipioElevation = ({
+  colors
+}) => {
+  const shadowPrimary = colors['shadow-primary'];
+  const shadowSecondary = colors['shadow-secondary'];
+  const hover = `0 1px 4px 0 ${shadowPrimary}, 0 2px 11px 0 ${shadowSecondary}`;
+  return {
+    rest: {
+      shadow: `0 1px 4px 0 ${shadowPrimary}, 0 2px 7px 0 ${shadowPrimary}`,
+      transform: 'none'
+    },
+    hover: {
+      shadow: hover,
+      transform: 'none'
+    },
+    hoverMirrored: {
+      shadow: hover,
+      transform: 'none'
+    }
+  };
+};
\ No newline at end of file