Blame · layout.ts

b69ab31	1	/**
b69ab31	2	* Copyright (c) Meta Platforms, Inc. and affiliates.
b69ab31	3	*
b69ab31	4	* This source code is licensed under the MIT license found in the
b69ab31	5	* LICENSE file in the root directory of this source tree.
b69ab31	6	*/
b69ab31	7
b69ab31	8	import * as stylex from '@stylexjs/stylex';
b69ab31	9	import {spacing} from './tokens.stylex';
b69ab31	10
b69ab31	11	export const layout = stylex.create({
b69ab31	12	flexRow: {
b69ab31	13	display: 'flex',
b69ab31	14	flexDirection: 'row',
b69ab31	15	gap: spacing.pad,
b69ab31	16	alignItems: 'center',
b69ab31	17	},
b69ab31	18	flexCol: {
b69ab31	19	display: 'flex',
b69ab31	20	flexDirection: 'column',
b69ab31	21	gap: spacing.pad,
b69ab31	22	alignItems: 'center',
b69ab31	23	},
b69ab31	24	fullWidth: {
b69ab31	25	width: '100%',
b69ab31	26	},
b69ab31	27	padding: {
b69ab31	28	padding: spacing.pad,
b69ab31	29	},
b69ab31	30	paddingInline: {
b69ab31	31	paddingInline: spacing.pad,
b69ab31	32	},
b69ab31	33	paddingBlock: {
b69ab31	34	paddingBlock: spacing.pad,
b69ab31	35	},
b69ab31	36	margin: {
b69ab31	37	margin: spacing.pad,
b69ab31	38	},
b69ab31	39	marginInline: {
b69ab31	40	marginInline: spacing.pad,
b69ab31	41	},
b69ab31	42	marginBlock: {
b69ab31	43	marginBlock: spacing.pad,
b69ab31	44	},
b69ab31	45	});