Function onProcessStyle

packages/jss-plugin-nested/src/index.js:67–109

(style, rule, sheet)

  }

  function onProcessStyle(style, rule, sheet) {
    if (rule.type !== 'style') return style

    const styleRule = rule

    const container = styleRule.options.parent
    let options
    let replaceRef
    for (const prop in style) {
      const isNested = prop.indexOf('&') !== -1
      const isNestedConditional = prop[0] === '@'

      if (!isNested && !isNestedConditional) continue

      options = getOptions(styleRule, container, options)

      if (isNested) {
        let selector = replaceParentRefs(prop, styleRule.selector)
        // Lazily create the ref replacer function just once for
        // all nested rules within the sheet.
        if (!replaceRef) replaceRef = getReplaceRef(container, sheet)
        // Replace all $refs.
        selector = selector.replace(refRegExp, replaceRef)

        const name = `${styleRule.key}-${prop}`
        if ('replaceRule' in container) {
          // for backward compatibility
          container.replaceRule(name, style[prop], {...options, selector})
        } else {
          container.addRule(name, style[prop], {...options, selector})
        }
      } else if (isNestedConditional) {
        // Place conditional right after the parent rule to ensure right ordering.
        container
          .addRule(prop, {}, options)
          .addRule(styleRule.key, style[prop], {selector: styleRule.selector})
      }

      delete style[prop]
    }

    return style
  }

  return {onProcessStyle}
}