Initial commit with @wearerequired/postcss-config package

Author: ocean90

.editorconfig

@@ -0,0 +1,15 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = tab
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[{*.json,*.yml}]
+indent_style = space
+indent_size = 2

.eslintignore

@@ -0,0 +1,2 @@
+/**/node_modules/*
+!.*.js

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+	extends: [ '@wearerequired/eslint-config' ],
+};

.gitignore

@@ -0,0 +1,2 @@
+/**/node_modules/*
+package-lock.json

README.md

@@ -1,2 +1,6 @@
-# js
-Monorepo for JavaScript Packages 
+# Monorepo for JavaScript Packages
+
+## Packages
+
+* [@wearerequired/postcss-config](packages/postcss-config)  
+  Shareable PostCSS config

lerna.json

@@ -0,0 +1,16 @@
+{
+  "packages": [
+    "packages/*"
+  ],
+  "version": "independent",
+  "command": {
+    "version": {
+      "allowBranch": "master",
+      "message": "Publish",
+      "signGitTag": true
+    }
+  },
+  "ignoreChanges": [
+    "**/CHANGELOG.md"
+  ]
+}

package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@wearerequired/js",
+  "private": true,
+  "author": {
+    "name": "required gmbh",
+    "email": "info@required.com",
+    "url": "https://required.com"
+  },
+  "devDependencies": {
+    "@wearerequired/eslint-config": "^1.5.0",
+    "@wordpress/eslint-plugin": "^6.1.0",
+    "eslint": "^6.8.0",
+    "lerna": "^3.22.0"
+  },
+  "scripts": {
+    "publish:check": "lerna updated",
+    "publish:dev": "lerna publish --dist-tag next",
+    "publish:patch": "lerna publish --dist-tag patch",
+    "publish:prod": "lerna publish"
+  }
+}

packages/postcss-config/CHANGELOG.md

@@ -0,0 +1,14 @@
+# Changelog
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## Unreleased
+
+### Added
+
+* Initial release.
+
+[Unreleased]: https://github.com/wearerequired/js/compare/v0.1.0...HEAD
+[v0.1.0]: https://github.com/wearerequired/js/compare/v0.1.0...HEAD

packages/postcss-config/README.md

@@ -0,0 +1,38 @@
+# @wearerequired/postcss-config
+
+Shareable PostCSS config used by @wearerequired.
+
+## Installation
+
+Install the package:
+
+```bash
+npm install @wearerequired/postcss-config --save
+```
+
+## Usage
+
+To use this config, simply reference `@wearerequired/postcss-config` in your PostCSS configuration.
+
+For example, using `postcss.config.js`:
+
+```js
+module.exports = require( '@wearerequired/postcss-config' );
+```
+
+## Included Plugins
+
+* [postcss-import](https://github.com/postcss/postcss-import)  
+  Plugin to transform `@import` rules by inlining content.
+* [postcss-mixins](https://github.com/postcss/postcss-mixins)  
+  Plugin for mixins.
+* [postcss-nested](https://github.com/postcss/postcss-nested)  
+  Plugin to unwrap nested rules like how Sass does it.
+* [postcss-preset-env](https://github.com/csstools/postcss-preset-env)  
+  Convert modern CSS into something most browsers can understand, determining the polyfills based on targeted browsers.
+* [postcss-hexrgba](https://github.com/seaneking/postcss-hexrgba)  
+  Plugin that adds shorthand hex methods to `rgba()` values.
+* [css-mqpacker](https://github.com/hail2u/node-css-mqpacker)  
+  Plugin for packing same CSS media query rules into one.
+* [cssnano](https://github.com/cssnano/cssnano)  
+  A modern, modular compression tool. Only used for production builds.

packages/postcss-config/index.js

@@ -0,0 +1,34 @@
+module.exports = ( ctx ) => {
+	const config = {
+		plugins: {
+			'postcss-import': {},
+			'postcss-mixins': {},
+			'postcss-nested': {},
+			'postcss-preset-env': {
+				stage: 0,
+				preserve: false, // Omit pre-polyfilled CSS.
+				features: {
+					'nesting-rules': false /* Uses postcss-nesting which doesn't behave like Sass. */,
+				},
+				autoprefixer: {
+					grid: true,
+				},
+			},
+			'postcss-hexrgba': {},
+			'css-mqpacker': {
+				sort: true,
+			},
+		},
+	};
+
+	if ( 'development' === ctx.env ) {
+		config.map = true;
+	} else {
+		config.map = false;
+		config.plugins.cssnano = {
+			safe: true,
+		};
+	}
+
+	return config;
+};

packages/postcss-config/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@wearerequired/postcss-config",
+  "version": "0.0.0",
+  "description": "Shareable PostCSS config used by @wearerequired.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/wearerequired/js.git"
+  },
+  "keywords": [
+    "postcss",
+    "postcss-config",
+    "css"
+  ],
+  "author": {
+    "name": "required gmbh",
+    "email": "info@required.com",
+    "url": "https://required.com"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/wearerequired/js/issues"
+  },
+  "homepage": "https://github.com/wearerequired/js/packages/postcss-config#readme",
+  "dependencies": {
+    "css-mqpacker": "^7.0.0",
+    "cssnano": "^4.1.10",
+    "postcss-hexrgba": "^2.0.0",
+    "postcss-import": "^12.0.1",
+    "postcss-mixins": "^6.2.3",
+    "postcss-nested": "^4.2.1",
+    "postcss-preset-env": "^6.7.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

postcss.config.js

@@ -0,0 +1 @@
+module.exports = require( './packages/postcss-config' );