@crossed/ui/src/styles/justifyContent.ts

A universal & performant styling library for React Native, Next.js & React

/**
 * Copyright (c) Paymium.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root of this projects source tree.
 */

import { createStyles } from '@crossed/styled';

export const justifyContentStyle = createStyles(() => ({
  start: { base: { justifyContent: 'flex-start' } },
  end: { base: { justifyContent: 'flex-end' } },
  between: { base: { justifyContent: 'space-between' } },
  around: { base: { justifyContent: 'space-around' } },
  evenly: { base: { justifyContent: 'space-evenly' } },
  center: { base: { justifyContent: 'center' } },
}));

export const justifyContentResponsiveStyle = createStyles(() => ({
  'mdStart': { media: { md: { justifyContent: 'flex-start' } } },
  'mdEnd': { media: { md: { justifyContent: 'flex-end' } } },
  'mdBetween': { media: { md: { justifyContent: 'space-between' } } },
  'mdAround': { media: { md: { justifyContent: 'space-around' } } },
  'mdEvenly': { base: { justifyContent: 'space-evenly' } },
  'mdCenter': { media: { md: { justifyContent: 'center' } } },
}));