本文整理匯總了TypeScript中styled-components.css函數的典型用法代碼示例。如果您正苦於以下問題：TypeScript css函數的具體用法？TypeScript css怎麽用？TypeScript css使用的例子？那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。
在下文中一共展示了css函數的4個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: return
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);
};示例2:
export const mediaQueryBuilder = (size: number) => (
strings: TemplateStringsArray,
...interpolations: Interpolation<any>[]
) => css`
@media (max-width: ${size}px) {
${css(strings, ...interpolations)};
}
`;示例3: Boolean
) => (props: IProps) =>
properties.every(property => Boolean(props[property]))
? css(strings, ...values)
: []示例4:
accumulator[label] = (...args: any) => css`
@media (max-width: ${emSize}em) {
// @ts-ignore
${css(...args)};
}
`;