♻️ Moves to the AtRule from PostCSS v8

Author: Peter Ramsing

lib/lost-at-rule.js

@@ -1,36 +1,32 @@
-module.exports = function lostAtRule(css, Settings) {
-  css.walkAtRules('lost', function lostAtRuleFunction(Rule) {
-    var rule = Rule;
-    var settings = Settings;
+module.exports = function lostAtRule(rule, settings) {
+  const breakoutPramams = rule.params.split(' ');
 
-    rule.params = rule.params.split(' ');
+  if (breakoutPramams[0] === 'gutter') {
+    settings.gutter = breakoutPramams[1];
+  }
+  if (breakoutPramams[0] === 'clearing') {
+    settings.clearing = breakoutPramams[1];
+  }
 
-    if (rule.params[0] === 'clearing') {
-      settings.clearing = rule.params[1];
-    }
-    if (rule.params[0] === 'gutter') {
-      settings.gutter = rule.params[1];
-    }
-    if (rule.params[0] === 'flexbox') {
-      settings.flexbox = rule.params[1];
-    }
-    if (rule.params[0] === 'rounder') {
-      settings.rounder = rule.params[1];
-    }
-    if (rule.params[0] === '--beta-direction') {
-      settings.direction = rule.params[1];
-    }
-    if (rule.params[0] === 'cycle') {
-      if (rule.params[1] !== 'auto') {
-        if (rule.params[1] === 'none' || rule.params[1] === '0') {
-          settings.cycle = 0;
-        } else {
-          settings.cycle = rule.params[1];
-        }
+  if (breakoutPramams[0] === 'flexbox') {
+    settings.flexbox = breakoutPramams[1];
+  }
+  if (breakoutPramams[0] === 'rounder') {
+    settings.rounder = breakoutPramams[1];
+  }
+  if (breakoutPramams[0] === '--beta-direction') {
+    settings.direction = breakoutPramams[1];
+  }
+  if (breakoutPramams[0] === 'cycle') {
+    if (breakoutPramams[1] !== 'auto') {
+      if (breakoutPramams[1] === 'none' || breakoutPramams[1] === '0') {
+        settings.cycle = 0;
       } else {
-        settings.cycle = 'auto';
+        settings.cycle = breakoutPramams[1];
       }
+    } else {
+      settings.cycle = 'auto';
     }
-    rule.remove();
-  });
+  }
+  rule.remove();
 };

lost.js

@@ -16,10 +16,8 @@ const lostUtility = require('./lib/lost-utility');
 const lostVars = require('./lib/lost-vars');
 const lostWaffle = require('./lib/lost-waffle');
 
-// Lost At Rules and Declarations
 // NOTE: Order Matters
 const libs = [
-  lostAtRule,
   lostVars,
   lostGutter,
   lostMove,
@@ -51,7 +49,10 @@ module.exports = (settings = {}) => {
     prepare() {
       let runSettings = assign({}, defaultSettings, settings | {});
       return {
-        Once(css, { result }) {
+        AtRule(atRule) {
+          lostAtRule(atRule, runSettings);
+        },
+        OnceExit(css, { result }) {
           libs.forEach((lib) => {
             lib(css, runSettings, result);
           });