backpack.css - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0

CHANGELOG.md

 # Changes to backpack.css 🎒
 
+## 2.1.0 (March 29, 2020)
+
+- Set up linting ([#9](https://github.com/chris-pearce/backpack.css/issues/9))
+- Update the `CODE_OF_CONDUCT.md` to the latest version.
+- Grammar and punctuation fix applied across the board.
+- Change the build branch name from `lib` to `dist`.
+- Add `.vscode` folder with appropriate **settings** and **extensions** for VS Code contributors.
+
 ## 2.0.0 (January 31, 2019)
@@ -4,0 +12,0 @@

package.json

 {
   "name": "backpack.css",
-  "main": "lib/backpack.css",
-  "version": "2.0.0",
+  "main": "dist/backpack.css",
+  "version": "2.1.0",
   "description": "A lightweight and somewhat opinionated CSS foundation that is best suited to applications 🎒.",
@@ -14,11 +14,12 @@ "keywords": [
   "files": [
-    "lib"
+    "dist"
   ],
   "scripts": {
-    "autoprefix": "postcss lib/backpack.css --use autoprefixer --no-map --replace",
-    "bundle": "postcss src/index.css --use postcss-import --no-map --output lib/backpack.css",
-    "clean": "rimraf lib",
+    "autoprefix": "postcss dist/backpack.css --use autoprefixer --no-map --replace",
+    "bundle": "postcss src/index.css --use postcss-import --no-map --output dist/backpack.css",
+    "clean": "rimraf dist",
+    "lint": "stylelint \"**/*.css\"",
     "build": "yarn bundle && yarn autoprefix",
     "prebuild": "yarn clean",
-    "version": "npm run build && git add .",
+    "version": "yarn build && git add .",
     "postversion": "git push && git push --tags && npm publish && yarn clean"
@@ -34,17 +35,37 @@ },
   "repository": "[e-mail]:chris-pearce/backpack.css.git",
-  "author": "Chris Pearce <[e-mail]>",
+  "author": "Chris Pearce <[e-mail]>",
   "license": "MIT",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{md,html,css}": [
+      "prettier --write"
+    ],
+    "*.css": [
+      "stylelint --fix"
+    ]
+  },
   "devDependencies": {
-    "autoprefixer": "^9.4.6",
-    "eslint": "^5.12.1",
-    "eslint-config-airbnb-base": "^13.1.0",
-    "eslint-config-prettier": "^3.6.0",
-    "eslint-plugin-import": "^2.15.0",
-    "eslint-plugin-prettier": "^3.0.1",
+    "autoprefixer": "^9.7.5",
+    "husky": "^4.2.3",
+    "lint-staged": "^10.0.9",
     "normalize.css": "^8.0.1",
-    "postcss-cli": "^6.1.1",
+    "postcss-cli": "^7.1.0",
     "postcss-import": "^12.0.1",
-    "prettier": "^1.16.1",
-    "rimraf": "^2.6.3"
+    "prettier": "^2.0.2",
+    "prettier-stylelint": "^0.4.2",
+    "rimraf": "^3.0.2",
+    "stylelint": "^13.2.1",
+    "stylelint-a11y": "^1.2.3",
+    "stylelint-at-rule-no-children": "^0.3.1",
+    "stylelint-config-prettier": "^8.0.1",
+    "stylelint-csstree-validator": "^1.8.0",
+    "stylelint-declaration-block-no-ignored-properties": "^2.3.0",
+    "stylelint-high-performance-animation": "^1.5.0",
+    "stylelint-order": "^4.0.0",
+    "stylelint-prettier": "^1.1.2"
   }
 }

README.md

@@ -0,1 +1,7 @@
+[![NPM
+version](https://img.shields.io/npm/v/backpack.css.svg?longCache=true&style=popout-square)](https://www.npmjs.com/package/backpack.css) [![GitHub
+license](https://img.shields.io/github/license/chris-pearce/backpack.css.svg?longCache=true&style=popout-square)](https://github.com/chris-pearce/backpack.css/blob/master/LICENSE) [![Dependencies](https://img.shields.io/david/chris-pearce/backpack.css.svg?longCache=true&style=popout-square)](https://david-dm.org/chris-pearce/backpack.css) [![Dev
+dependencies](https://img.shields.io/david/dev/chris-pearce/backpack.css.svg?longCache=true&style=popout-square)](https://david-dm.org/chris-pearce/backpack.css?type=dev) [![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-v2.0%20adopted-ff69b4.svg)](https://github.com/chris-pearce/backpack.css/blob/master/CODE_OF_CONDUCT.md) [![PRs
+Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) [![Downloads](https://img.shields.io/npm/dw/backpack.css.svg?longCache=true&style=popout-square)](https://www.npmjs.com/package/backpack.css)
+
 # backpack.css 🎒 <!-- omit in toc -->
@@ -71,3 +77,3 @@
 
-If you're using webpack then use the tilde (`~`) prefix at the start of the path, e.g.:
+If you're using webpack, then use the tilde (`~`) prefix at the start of the path, e.g.:
 
@@ -81,3 +87,3 @@ ```css
 
-Simply link to backpack.css using a `<link>` element in your HTML Head, e.g.:
+Link to backpack.css using a `<link>` element in your HTML Head, e.g.:
 
@@ -96,3 +102,3 @@ ```html
 
-For example, if you don't want to use the global system font-stack defined in [`main-root.css`](src/main-root.css) then simply override it in your project CSS like so:
+For example, if you don't want to use the global system font-stack defined in [`main-root.css`](src/main-root.css) then override it in your project CSS like so:
 
@@ -111,5 +117,5 @@ ```css
 
-Nowadays I'm building [React](https://reactjs.org/) applications that have highly componentised User Interfaces (UI) making use of native CSS layout mechanisms such as [Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) and [Grid](https://css-tricks.com/snippets/css/complete-guide-grid/). I'm no longer finding the need for heavy handed CSS frameworks that handle most of my UI concerns, especially layout and utilities. Instead I build components with a smidgen of global styles.
+Nowadays I'm building [React](https://reactjs.org/) applications that have highly componentised User Interfaces (UI) making use of native CSS layout mechanisms such as [Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) and [Grid](https://css-tricks.com/snippets/css/complete-guide-grid/). I'm no longer finding the need for heavy-handed CSS frameworks that handle most of my UI concerns, especially layout and utilities. Instead, I build components with a smidgen of global styles.
 
-What I do need, however, are a bunch of smart and sensible foundational styles suited for applications that I would typically forget project to project—think [Normalize.css](http://necolas.github.io/normalize.css/) and then some. Something that is lightweight, super easy to intergrate, and can easily be overriden or allow for modular use, thus giving birth to backpack.css 🙂🎒.
+What I do need, however, are a bunch of smart and sensible foundational styles suited for applications that I would typically forget project to project—think [Normalize.css](http://necolas.github.io/normalize.css/) and then some. Something lightweight, super easy to integrate, and can easily be overridden or allow for modular use, thus giving birth to backpack.css 🙂🎒.
 
@@ -121,3 +127,3 @@ ## What it does
 - Applies foundational print styles.
-- Applies a system font including monospace fonts.
+- Applies a system font, including monospace fonts.
 - Applies the nicer `border-box` value for the `box-sizing` property to all elements.
@@ -127,3 +133,3 @@ - Applies sensible OpenType features (see [OpenType features](#opentype-features) below).
 - Removes margins, paddings, and borders from all elements except `<input>` so that everything is on an even playing field.
-- Removes list bullets.
+- Removes the bullets from lists.
 - Removes all user-agent styles from heading elements and resets them to have the same styles as the body copy.
@@ -134,7 +140,7 @@ - Removes the "focus ring" for mouse users.
 
-All of the CSS is very well documentated if you want to dig deeper.
+All of the CSS is very well documented if you want to dig deeper.
 
 ### OpenType features
 
-As mentioned above, backpack.css applies sensible OpenType features. However, due to the poor support of the `font-variant-` properties backpack.css has to declare their equivalents via the better supported, but harder to maintain, `font-feature-settings` property (the `font-feature-settings` properties should always come first).
+As mentioned above, backpack.css applies sensible OpenType features. However, due to the poor support of the `font-variant-` properties, backpack.css has to declare their equivalents via the better supported, but harder to maintain, `font-feature-settings` property (the `font-feature-settings` properties should always come first).
 
@@ -151,3 +157,3 @@ Here are some resources on this:
 
-This is the third CSS framework/library I've created. Looking at each one lets you see how UI development has evolved over the years with each iteration getting smaller and smaller.
+backpack.css is the third CSS framework/library I've created. Looking at each one lets you see how UI development has evolved over the years with each iteration getting smaller and smaller.
 
@@ -154,0 +160,0 @@ 1.  [Scally](https://github.com/chris-pearce/scally) _circa 2014_

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

33740

increased by5.58%

Number of lines in readme file

202

increased by3.06%

Worsened metrics

Dev dependency count

18

increased by63.64%

Lines of code

742

decreased by-0.27%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes