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 | 1x 5x 5x 5x 1x | import {BASE_CLASS, BREAKPOINTS, GUTTER_VALUES} from './settings.js'
 
export const getGutterClassNames = (gutterConfig = {}) => {
  Iif (GUTTER_VALUES.includes(gutterConfig)) {
    return `${BASE_CLASS}--gutter-${BREAKPOINTS.XXS}-${gutterConfig}`
  } else Eif (typeof gutterConfig === 'object') {
    return Object.entries(gutterConfig)
      .map(([key, value]) =>
        Object.values(BREAKPOINTS).includes(key) ? `${BASE_CLASS}--gutter-${key}-${value}` : null
      )
      .filter(value => value !== null)
      .join(' ')
  }
  return null
}
 
export const transition = ({isGapless, ...oldProps}) => {
  const gutter = oldProps.gutter || isGapless ? 0 : undefined
  return {gutter, ...oldProps}
}
  |