Esempi in TypeScript per styled-components css

Esempio n. 1

File: media-query.ts Progetto: growcss/growcss

  return (...args: any) => {
    const template = mediaQueryTemplate.render(value);

    if (template !== '') {
      // @ts-ignore
      // eslint-disable-next-line prettier/prettier
      return css`@media ${template} { ${css(...args)} }`;
    }

    // @ts-ignore
    return css(...args);
  };

Esempio n. 2

File: mediaQueries.ts Progetto: abouthiroppy/site

export const mediaQueryBuilder = (size: number) => (
  strings: TemplateStringsArray,
  ...interpolations: Interpolation<any>[]
) => css`
  @media (max-width: ${size}px) {
    ${css(strings, ...interpolations)};
  }
`;

Esempio n. 3

File: utils.ts Progetto: chaucerbao/react-project-template

) => (props: IProps) =>
  properties.every(property => Boolean(props[property]))
    ? css(strings, ...values)
    : []

Esempio n. 4

File: media.ts Progetto: 3drepo/3drepo.io

	accumulator[label] = (...args: any) => css`
		@media (max-width: ${emSize}em) {
			// @ts-ignore
			${css(...args)};
		}
	`;