Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | 1x 1x 1x 1x 1x 1x 1x | // Base class for the component
export const BASE_CLASS = 'sui-LayoutGrid'
// Number of layout cells
export const CELL_NUMBERS = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
// Number of possible grid guttering
export const GUTTER_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
export const BREAKPOINTS = {
XXS: 'xxs',
XS: 'xs',
S: 's',
M: 'm',
L: 'l',
XL: 'xl',
XXL: 'xxl'
}
// All `align-items` property values allowed
export const ALIGN_ITEMS = {
BASELINE: 'baseline',
CENTER: 'center',
FLEX_START: 'flex-start',
FLEX_END: 'flex-end',
STRETCH: 'stretch'
}
// All `align-content` property values allowed
export const ALIGN_CONTENT = {
CENTER: 'center',
FLEX_START: 'flex-start',
FLEX_END: 'flex-end',
SPACE_AROUND: 'space-around',
SPACE_BETWEEN: 'space-between',
SPACE_EVENLY: 'space-evenly',
STRETCH: 'stretch'
}
// All `justify-content` property values allowed
export const JUSTIFY_CONTENT = {
CENTER: 'center',
FLEX_START: 'flex-start',
FLEX_END: 'flex-end',
SPACE_AROUND: 'space-around',
SPACE_BETWEEN: 'space-between'
}
|