Add PrimeFlex as postcss with a local config

postcss/index.js → lib/index.js

@@ -1,33 +1,33 @@
-const colors = require('./lib/colors');
-const all = require('./lib/all');
-const grid = require('./lib/grid');
-const formlayout = require('./lib/formlayout');
-const display = require('./lib/display');
-const defaultOptions = require('./lib/options');
-const typography = require('./lib/typography');
-const flexbox = require('./lib/flexbox');
-const gap = require('./lib/gap');
-const padding = require('./lib/padding');
-const margin = require('./lib/margin');
-const elevation = require('./lib/elevation');
-const border = require('./lib/border');
-const borderradius = require('./lib/borderradius');
-const width = require('./lib/width');
-const height = require('./lib/height');
-const image = require('./lib/image');
-const position = require('./lib/position');
-const overflow = require('./lib/overflow');
-const zindex = require('./lib/zindex');
-const userselect = require('./lib/userselect');
-const liststyle = require('./lib/liststyle');
-const misc = require('./lib/misc');
-const transition = require('./lib/transition');
-const transform = require('./lib/transform');
-const animation = require('./lib/animation');
-const variables = require('./lib/variables');
-const filters = require('./lib/filters');
-const outline = require('./lib/outline');
-const svg = require('./lib/svg');
+const colors = require('./src/colors');
+const all = require('./src/all');
+const grid = require('./src/grid');
+const formlayout = require('./src/formlayout');
+const display = require('./src/display');
+const defaultOptions = require('./src/options');
+const typography = require('./src/typography');
+const flexbox = require('./src/flexbox');
+const gap = require('./src/gap');
+const padding = require('./src/padding');
+const margin = require('./src/margin');
+const elevation = require('./src/elevation');
+const border = require('./src/border');
+const borderradius = require('./src/borderradius');
+const width = require('./src/width');
+const height = require('./src/height');
+const image = require('./src/image');
+const position = require('./src/position');
+const overflow = require('./src/overflow');
+const zindex = require('./src/zindex');
+const userselect = require('./src/userselect');
+const liststyle = require('./src/liststyle');
+const misc = require('./src/misc');
+const transition = require('./src/transition');
+const transform = require('./src/transform');
+const animation = require('./src/animation');
+const variables = require('./src/variables');
+const filters = require('./src/filters');
+const outline = require('./src/outline');
+const svg = require('./src/svg');
 
 module.exports = (opts = {}) => {
     return {

pages/_app.js

@@ -4,7 +4,7 @@ import { useEffect, useRef, useState } from 'react';
 import Layout from '../components/layout/layout';
 import AnnouncementData from '../data/news.json';
 import '../styles/layout/layout.scss';
-import '../styles/lib/primeflex.scss';
+import '../styles/primeflex.css';
 import '../styles/prism.scss';
 
 export default function MyApp({ Component }) {

postcss.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+    plugins: [[require.resolve('./lib'), {}]]
+};

styles/primeflex.css

@@ -0,0 +1 @@
+@primeflex;