Install autoprefixer (#81)

* Add autoprefixer and update build command to add prefixes after compiling sass

* Move missing fonts into folder and copy font faces file from design system

package.json

@@ -8,8 +8,9 @@
     "test": "test"
   },
   "scripts": {
-    "build": "node script/build.js && npm run compile-sass",
+    "build": "node script/build.js && npm run compile-sass && npm run autoprefix",
     "compile-sass": "node-sass --include-path src/scss/styles.scss src/scss/styles.scss -o lib/css/",
+    "autoprefix": "npx postcss lib/css/styles.css --use autoprefixer -d lib/css/",
     "lint": "npm run lint:js && npm run lint:sass",
     "lint:js": "eslint --quiet --ext .js --ext .jsx .",
     "lint:sass": "sass-lint -c test/config/sass-lint.yaml --verbose",
@@ -28,6 +29,7 @@
   "homepage": "https://github.com/usds/us-forms-system#readme",
   "devDependencies": {
     "@department-of-veterans-affairs/formation": "^0.8.0",
+    "autoprefixer": "^8.6.2",
     "babel-core": "^6.24.1",
     "babel-eslint": "^7.2.3",
     "babel-plugin-dynamic-import-node": "^1.2.0",
@@ -66,6 +68,7 @@
     "moment": "^2.15.1",
     "node-sass": "^4.5.3",
     "null-loader": "^0.1.1",
+    "postcss-cli": "^5.0.0",
     "react": "^15.6.2",
     "react-dom": "^15.6.2",
     "react-test-renderer": "^15.5.4",

src/scss/base/_b-font-faces.scss

@@ -0,0 +1,25 @@
+/* latin */
+@font-face {
+  font-family: "Bitter";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local("Bitter Regular"),
+    local("Bitter-Regular"),
+    url(../fonts/bitter-regular.woff2) format("woff2"),
+    url(../fonts/bitter-regular.ttf) format("truetype");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+}
+
+/* latin */
+@font-face {
+  font-family: "Bitter";
+  font-style: normal;
+  font-weight: 700;
+  src:
+    local("Bitter Bold"),
+    local("Bitter-Bold"),
+    url(../fonts/bitter-bold.woff2) format("woff2"),
+    url(../fonts/bitter-bold.ttf) format("truetype");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+}

src/scss/styles.scss

@@ -35,13 +35,13 @@
 @import "node_modules/uswds/src/stylesheets/components/sidenav";
 
 @import "node_modules/@department-of-veterans-affairs/formation/sass/base/b-mixins";
-@import "node_modules/@department-of-veterans-affairs/formation/sass/base/b-font-faces";
 @import "node_modules/@department-of-veterans-affairs/formation/sass/modules/m-dropdown";
 @import "node_modules/@department-of-veterans-affairs/formation/sass/modules/m-form-elements";
 @import "node_modules/@department-of-veterans-affairs/formation/sass/modules/m-form-process";
 @import "node_modules/@department-of-veterans-affairs/formation/sass/modules/m-progress-bar";
 @import "node_modules/@department-of-veterans-affairs/formation/sass/base/va";
 @import "node_modules/@department-of-veterans-affairs/formation/sass/shame";
 
+@import "base/b-font-faces";
 @import "modules/m-form-confirmation";
 @import "modules/m-schemaform";