@seyuna/postcss 0.0.1-dev.8 → 0.0.1-dev.9

package/dist/plugin.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dynamicFunctionsPlugin = void 0;
 const functions_1 = require("./functions");
+const at_rules_1 = require("./at-rules");
 const dynamicFunctionsPlugin = (opts = {}) => {
     const fnMap = { ...functions_1.functions, ...opts.functions };
     return {
@@ -19,6 +20,9 @@ const dynamicFunctionsPlugin = (opts = {}) => {
             }
             decl.value = value;
         },
+        AtRule: {
+            ...at_rules_1.atRuleHandlers,
+        },
     };
 };
 exports.dynamicFunctionsPlugin = dynamicFunctionsPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seyuna/postcss",
-  "version": "0.0.1-dev.8",
+  "version": "0.0.1-dev.9",
   "description": "Seyuna UI's postcss plugin",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/plugin.ts

@@ -1,15 +1,19 @@
 import { PluginCreator } from "postcss";
 import { functions } from "./functions";
+import { atRuleHandlers } from "./at-rules";
 
 export interface PluginOptions {
   functions?: Record<string, (...args: string[]) => string>;
 }
 
-export const dynamicFunctionsPlugin: PluginCreator<PluginOptions> = (opts = {}) => {
+export const dynamicFunctionsPlugin: PluginCreator<PluginOptions> = (
+  opts = {}
+) => {
   const fnMap = { ...functions, ...opts.functions };
 
   return {
     postcssPlugin: "postcss-dynamic-functions",
+
     Declaration(decl) {
       let value = decl.value;
 
@@ -26,6 +30,10 @@ export const dynamicFunctionsPlugin: PluginCreator<PluginOptions> = (opts = {})
 
       decl.value = value;
     },
+
+    AtRule: {
+      ...atRuleHandlers,
+    },
   };
 };