lit-shadow-literals

Version:

LitElement Shadows Classes and Literals for use in styles.js files

github.com/T-Knott-Mesh/lit-shadow-literals

32 lines (24 loc) • 787 B

JavaScript

import {css} from 'lit-element';

export const smallShadowLightTheme = css`
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
`;

export const mediumShadowLightTheme = css`
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
`;

export const largeShadowLightTheme = css`
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11),
    0 5px 15px 0 rgba(0, 0, 0, 0.08);
`;

export const noShadow = css`
  box-shadow: none;
`;

export const smallShadowDarkTheme = css`
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
`;

export const mediumShadowDarkTheme = css`
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
`;

export const largeShadowDarkTheme = css`
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11),
    0 5px 15px 0 rgba(0, 0, 0, 0.08);
`;