index.js
function loopResponsiveRules(breakpoints) {
  /**
   * Closure function that handles each @responsive atRule
   * @param {Object} rule
   */
  return (rule) => {
    const subRules = rule.nodes;
    subRules.forEach(responsifyRule(breakpoints));
    /* remove the @responsive structure since we've built the responsive rules we need */
    rule.remove();
  };
}
function loopResponsiveRules(breakpoints) {
  /**
   * Closure function that handles each @responsive atRule
   * @param {Object} rule
   */
  return (rule) => {
    const subRules = rule.nodes;
    subRules.forEach(responsifyRule(breakpoints));
    /* remove the @responsive structure since we've built the responsive rules we need */
    rule.remove();
  };
}
function loopResponsiveRules ( breakpoints ) { /**
   * Closure function that handles each @responsive atRule
   * @param {Object} rule
   */ return ( rule ) => { const subRules = rule . nodes ; subRules . forEach ( responsifyRule ( breakpoints ) ) ; /* remove the @responsive structure since we've built the responsive rules we need */ rule . remove ( ) ; } ; }
Loops through all @responsive atRules in the css to find the rules that need to be responsified.
@param {Array} breakpoints The processed breakpoints to build the rules off of
@return {Function}
Loops through all