styled-components/src/no-parser/stringifyRules.js

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

// @flow
import type { Interpolation } from '../types'

const stringifyRules = (
  rules: Array<Interpolation>,
  selector: ?string,
  prefix: ?string
): Array<string> => [
  rules.reduce(
    (str: string, partial: Interpolation, index: number): string =>
      str +
      // NOTE: This is to not prefix keyframes with the animation name
      ((index > 0 || !prefix) && selector ? selector : '') +
      (partial && Array.isArray(partial)
        ? partial.join('')
        : partial.toString()),
    ''
  ),
]

export default stringifyRules