279630052f
* 2294 feat(frontend): styling shortcut keys * 2294 fix(front): pr requested changes * Fix component interface --------- Co-authored-by: Charles Bochet <charles@twenty.com>
28 lines
877 B
TypeScript
28 lines
877 B
TypeScript
import { grayScale, rgba } from './colors';
|
|
|
|
export const boxShadowLight = {
|
|
extraLight: `0px 1px 0px 0px ${rgba(grayScale.gray100, 0.04)}`,
|
|
light: `0px 2px 4px 0px ${rgba(
|
|
grayScale.gray100,
|
|
0.04,
|
|
)}, 0px 0px 4px 0px ${rgba(grayScale.gray100, 0.08)}`,
|
|
strong: `2px 4px 16px 0px ${rgba(
|
|
grayScale.gray100,
|
|
0.12,
|
|
)}, 0px 2px 4px 0px ${rgba(grayScale.gray100, 0.04)}`,
|
|
underline: `0px 1px 0px 0px ${rgba(grayScale.gray100, 0.32)}`,
|
|
};
|
|
|
|
export const boxShadowDark = {
|
|
extraLight: `0px 1px 0px 0px ${rgba(grayScale.gray100, 0.04)}`,
|
|
light: `0px 2px 4px 0px ${rgba(
|
|
grayScale.gray100,
|
|
0.04,
|
|
)}, 0px 0px 4px 0px ${rgba(grayScale.gray100, 0.08)}`,
|
|
strong: `2px 4px 16px 0px ${rgba(
|
|
grayScale.gray100,
|
|
0.16,
|
|
)}, 0px 2px 4px 0px ${rgba(grayScale.gray100, 0.08)}`,
|
|
underline: `0px 1px 0px 0px ${rgba(grayScale.gray100, 0.32)}`,
|
|
};
|