How to use the jsxstyle.curry function in jsxstyle
To help you get started, we’ve selected a few jsxstyle examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
jaredpalmer / react-email-workflow / src / components / Type.js View on Github 
import { Inline, curry } from 'jsxstyle';
export const Text1 = curry(Inline, {
fontSize: '2.5rem',
});
export const Text2 = curry(Inline, {
fontSize: '2rem',
});
export const Text3 = curry(Inline, {
fontSize: '1.75rem',
});
export const Text4 = curry(Inline, {
fontSize: '1.5rem',
});
export const Text5 = curry(Inline, {
fontSize: '1.25rem',
});
export const Text6 = curry(Inline, {fontSize: '1.75rem',
});
export const Text4 = curry(Inline, {
fontSize: '1.5rem',
});
export const Text5 = curry(Inline, {
fontSize: '1.25rem',
});
export const Text6 = curry(Inline, {
fontSize: '1rem',
});
export const SmallText = curry(Inline, {
fontSize: '.85rem',
fontWeight: 'bold',
});
export const H1 = curry(Text1, {
fontWeight: 'bold',
});
export const H2 = curry(Text2, {
fontWeight: 'bold',
});
export const H3 = curry(Text3, {
fontWeight: 'bold',
});fontSize: '2.5rem',
});
export const Text2 = curry(Inline, {
fontSize: '2rem',
});
export const Text3 = curry(Inline, {
fontSize: '1.75rem',
});
export const Text4 = curry(Inline, {
fontSize: '1.5rem',
});
export const Text5 = curry(Inline, {
fontSize: '1.25rem',
});
export const Text6 = curry(Inline, {
fontSize: '1rem',
});
export const SmallText = curry(Inline, {
fontSize: '.85rem',
fontWeight: 'bold',
});
export const H1 = curry(Text1, {
fontWeight: 'bold',
});import { Inline, curry } from 'jsxstyle';
export const Text1 = curry(Inline, {
fontSize: '2.5rem',
});
export const Text2 = curry(Inline, {
fontSize: '2rem',
});
export const Text3 = curry(Inline, {
fontSize: '1.75rem',
});
export const Text4 = curry(Inline, {
fontSize: '1.5rem',
});
export const Text5 = curry(Inline, {
fontSize: '1.25rem',
});
export const Text6 = curry(Inline, {
fontSize: '1rem',
});
export const SmallText = curry(Inline, {});
export const Text5 = curry(Inline, {
fontSize: '1.25rem',
});
export const Text6 = curry(Inline, {
fontSize: '1rem',
});
export const SmallText = curry(Inline, {
fontSize: '.85rem',
fontWeight: 'bold',
});
export const H1 = curry(Text1, {
fontWeight: 'bold',
});
export const H2 = curry(Text2, {
fontWeight: 'bold',
});
export const H3 = curry(Text3, {
fontWeight: 'bold',
});
export const H4 = curry(Text4, {
fontWeight: 'bold',
});
export const H5 = curry(Text5, {});
export const SmallText = curry(Inline, {
fontSize: '.85rem',
fontWeight: 'bold',
});
export const H1 = curry(Text1, {
fontWeight: 'bold',
});
export const H2 = curry(Text2, {
fontWeight: 'bold',
});
export const H3 = curry(Text3, {
fontWeight: 'bold',
});
export const H4 = curry(Text4, {
fontWeight: 'bold',
});
export const H5 = curry(Text5, {
fontWeight: 'bold',
});import { Flex, curry } from 'jsxstyle';
const Center = curry(Flex, {
justifyContent: 'center',
alignItems: 'center',
});
export default Center;import { Inline, curry } from 'jsxstyle';
export const Text1 = curry(Inline, {
fontSize: '2.5rem',
});
export const Text2 = curry(Inline, {
fontSize: '2rem',
});
export const Text3 = curry(Inline, {
fontSize: '1.75rem',
});
export const Text4 = curry(Inline, {
fontSize: '1.5rem',
});
export const Text5 = curry(Inline, {import { Inline, curry } from 'jsxstyle';
export const Text1 = curry(Inline, {
fontSize: '2.5rem',
});
export const Text2 = curry(Inline, {
fontSize: '2rem',
});
export const Text3 = curry(Inline, {
fontSize: '1.75rem',
});
export const Text4 = curry(Inline, {
fontSize: '1.5rem',
});
export const Text5 = curry(Inline, {
fontSize: '1.25rem',
});
export const Text6 = curry(Inline, {
fontSize: '1rem',
});
export const SmallText = curry(Inline, {
fontSize: '.85rem',
fontWeight: 'bold',
});fontWeight: 'bold',
});
export const H2 = curry(Text2, {
fontWeight: 'bold',
});
export const H3 = curry(Text3, {
fontWeight: 'bold',
});
export const H4 = curry(Text4, {
fontWeight: 'bold',
});
export const H5 = curry(Text5, {
fontWeight: 'bold',
});jsxstyle
Inline style system for React and Preact
