Function parseBackgroundShorthand

packages/extension/utils/css.ts:234–258

(value: string)

}

export function parseBackgroundShorthand(value: string) {
  const result: {
    image?: string
    size?: string
    repeat?: string
    position?: string
  } = {}

  const urlMatch = value.match(BG_URL_RE)
  if (urlMatch) result.image = urlMatch[0]

  const sizeMatch = value.match(BG_SIZE_RE)
  if (sizeMatch) result.size = sizeMatch[1]

  const repeatMatch = value.match(BG_REPEAT_RE)
  if (repeatMatch) {
    const [, repeatToken] = repeatMatch
    result.repeat = repeatToken.trim()
  }

  const posMatch = value.match(BG_POS_RE)
  if (posMatch) result.position = posMatch[0].trim()

  return result
}

function parseBoxValues(value: string): [string, string, string, string] {
  const parts = value.trim().split(WHITESPACE_RE)