mirror of
https://github.com/luxfi/market.git
synced 2026-09-24 00:25:57 +00:00
57 lines
983 B
TypeScript
57 lines
983 B
TypeScript
import { styled } from 'stitches.config'
|
|
|
|
export const Grid = styled('div', {
|
|
display: 'grid',
|
|
|
|
variants: {
|
|
align: {
|
|
start: {
|
|
alignItems: 'start',
|
|
},
|
|
center: {
|
|
alignItems: 'center',
|
|
},
|
|
end: {
|
|
alignItems: 'end',
|
|
},
|
|
stretch: {
|
|
alignItems: 'stretch',
|
|
},
|
|
baseline: {
|
|
alignItems: 'baseline',
|
|
},
|
|
},
|
|
justify: {
|
|
start: {
|
|
justifyContent: 'start',
|
|
},
|
|
center: {
|
|
justifyContent: 'center',
|
|
},
|
|
end: {
|
|
justifyContent: 'end',
|
|
},
|
|
between: {
|
|
justifyContent: 'space-between',
|
|
},
|
|
},
|
|
flow: {
|
|
row: {
|
|
gridAutoFlow: 'row',
|
|
},
|
|
column: {
|
|
gridAutoFlow: 'column',
|
|
},
|
|
dense: {
|
|
gridAutoFlow: 'dense',
|
|
},
|
|
rowDense: {
|
|
gridAutoFlow: 'row dense',
|
|
},
|
|
columnDense: {
|
|
gridAutoFlow: 'column dense',
|
|
},
|
|
},
|
|
},
|
|
})
|