Merge branch 'release/0.0.8.3'

bower.json

@@ -16,11 +16,11 @@
     "tests"
   ],
   "dependencies": {
-    "fetch": "~0.11.0",
+    "fetch": "~1.0",
     "alertify.js": "alertifyjs#~1.0.5",
     "store2": "~2.3.2",
-    "Autolinker.js": "~0.24.0",
+    "Autolinker.js": "^0.27.0",
     "marked": "~0.3.5",
-    "sanitize-css": "^3.2.0"
+    "sanitize-css": "^4.1.0"
   }
 }

changelog.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## Version 0.0.8.3 (2016-07-18)
+  - Dump laravel-elixir, use gulp natively. Also this means using nginx and etags for cache-busting
+
 ## Version 0.0.8.2 (2016-07-15)
   - Improve syndication parsing to allow better name display on new note form
 

composer.lock

@@ -59,16 +59,16 @@
         },
         {
             "name": "aws/aws-sdk-php",
-            "version": "3.18.27",
+            "version": "3.18.28",
             "source": {
                 "type": "git",
                 "url": "https://github.com/aws/aws-sdk-php.git",
-                "reference": "8cc3d3231d9fb9da528205f3b905097a37ac3df3"
+                "reference": "c75d3ba185d5db6998124fa1a99a63e5d529b247"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/aws/aws-sdk-php/zipball/8cc3d3231d9fb9da528205f3b905097a37ac3df3",
+                "url": "https://api.github.com/repos/aws/aws-sdk-php/zipball/c75d3ba185d5db6998124fa1a99a63e5d529b247",
-                "reference": "8cc3d3231d9fb9da528205f3b905097a37ac3df3",
+                "reference": "c75d3ba185d5db6998124fa1a99a63e5d529b247",
                 "shasum": ""
             },
             "require": {
@@ -135,7 +135,7 @@
                 "s3",
                 "sdk"
             ],
-            "time": "2016-07-07 23:09:15"
+            "time": "2016-07-13 20:34:06"
         },
         {
             "name": "barnabywalters/mf-cleaner",

gulpfile.js

@@ -1,47 +1,27 @@
+'use strict';
+
 var gulp = require('gulp');
-var zopfli = require('gulp-zopfli');
+var sass = require('gulp-sass');
 var brotli = require('gulp-brotli');
-var elixir = require('laravel-elixir');
+var zopfli = require('gulp-zopfli');
+var sourcemaps = require('gulp-sourcemaps');
+var autoprefixer = require('gulp-autoprefixer');
 
-/*
+gulp.task('sass', function () {
- |--------------------------------------------------------------------------
+    return gulp.src('./resources/assets/sass/global.scss')
- | Elixir Asset Management
+        .pipe(sourcemaps.init())
- |--------------------------------------------------------------------------
+        .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
- |
+        .pipe(autoprefixer({browsers: ['last 2 version']}))
- | Elixir provides a clean, fluent API for defining some basic Gulp tasks
+        .pipe(sourcemaps.write('./maps'))
- | for your Laravel application. By default, we are compiling the Sass
+        .pipe(gulp.dest('./public/assets/css'));
- | file for our application, as well as publishing vendor resources.
- |
- */
-
-elixir(function(mix) {
-    mix.sass('global.scss', 'public/assets/css');
-    mix.copy('resources/assets/js', 'public/assets/js');
-    mix.version([
-        //hand-made css
-        'assets/css/global.css',
-        'assets/css/projects.css',
-        //hand-made js
-        'assets/js/form-save.js',
-        'assets/js/links.js',
-        'assets/js/maps.js',
-        'assets/js/newplace.js',
-        'assets/js/newnote.js',
-        //bower components
-        'assets/bower/alertify.css',
-        'assets/bower/sanitize.css',
-        'assets/bower/fetch.js',
-        'assets/bower/alertify.js',
-        'assets/bower/store2.min.js',
-        'assets/bower/Autolinker.min.js',
-        'assets/bower/marked.min.js',
-        //prism
-        'assets/prism/prism.js',
-        'assets/prism/prism.css',
-    ]);
 });
 
-gulp.task('bower', function() {
+gulp.task('js-assets', function () {
+    return gulp.src(['resources/assets/js/**/*'])
+        .pipe(gulp.dest('./public/assets/js'));
+});
+
+gulp.task('bower', function () {
     //copy JS files
     gulp.src([
             'bower_components/fetch/fetch.js',
@@ -61,43 +41,43 @@ gulp.task('bower', function() {
 
 gulp.task('compress', function () {
     //hand-made css
-    gulp.src('public/build/assets/css/*.css')
+    gulp.src('public/assets/css/*.css')
         .pipe(zopfli({ format: 'gzip', append: true }))
-        .pipe(gulp.dest('public/build/assets/css/'));
+        .pipe(gulp.dest('public/assets/css/'));
-    gulp.src('public/build/assets/css/*.css')
+    gulp.src('public/assets/css/*.css')
         .pipe(brotli.compress({mode: 1, quality: 11}))
-        .pipe(gulp.dest('public/build/assets/css/'));
+        .pipe(gulp.dest('public/assets/css/'));
     //hand-made js
-    gulp.src('public/build/assets/js/*.js')
+    gulp.src('public/assets/js/*.js')
         .pipe(zopfli({ format: 'gzip', append: true }))
-        .pipe(gulp.dest('public/build/assets/js/'));
+        .pipe(gulp.dest('public/assets/js/'));
-    gulp.src('public/build/assets/js/*.js')
+    gulp.src('public/assets/js/*.js')
         .pipe(brotli.compress({mode: 1, quality: 11}))
-        .pipe(gulp.dest('public/build/assets/js/'));
+        .pipe(gulp.dest('public/assets/js/'));
     //bower components
-    gulp.src('public/build/assets/bower/*.css')
+    gulp.src('public/assets/bower/*.css')
         .pipe(zopfli({ format: 'gzip', append: true }))
-        .pipe(gulp.dest('public/build/assets/bower/'));
+        .pipe(gulp.dest('public/assets/bower/'));
-    gulp.src('public/build/assets/bower/*.js')
+    gulp.src('public/assets/bower/*.js')
         .pipe(zopfli({ format: 'gzip', append: true }))
-        .pipe(gulp.dest('public/build/assets/bower/'));
+        .pipe(gulp.dest('public/assets/bower/'));
-    gulp.src('public/build/assets/bower/*.css')
+    gulp.src('public/assets/bower/*.css')
         .pipe(brotli.compress({mode: 1, quality: 11}))
-        .pipe(gulp.dest('public/build/assets/bower/'));
+        .pipe(gulp.dest('public/assets/bower/'));
-    gulp.src('public/build/assets/bower/*.js')
+    gulp.src('public/assets/bower/*.js')
         .pipe(brotli.compress({mode: 1, quality: 11}))
-        .pipe(gulp.dest('public/build/assets/bower/'));
+        .pipe(gulp.dest('public/assets/bower/'));
     //prism
-    gulp.src('public/build/assets/prism/*.css')
+    gulp.src('public/assets/prism/*.css')
         .pipe(zopfli({ format: 'gzip', append: true }))
-        .pipe(gulp.dest('public/build/assets/prism/'));
+        .pipe(gulp.dest('public/assets/prism/'));
-    gulp.src('public/build/assets/prism/*.js')
+    gulp.src('public/assets/prism/*.js')
         .pipe(zopfli({ format: 'gzip', append: true }))
-        .pipe(gulp.dest('public/build/assets/prism/'));
+        .pipe(gulp.dest('public/assets/prism/'));
-    gulp.src('public/build/assets/prism/*.css')
+    gulp.src('public/assets/prism/*.css')
         .pipe(brotli.compress({mode: 1, quality: 11}))
-        .pipe(gulp.dest('public/build/assets/prism/'));
+        .pipe(gulp.dest('public/assets/prism/'));
-    gulp.src('public/build/assets/prism/*.js')
+    gulp.src('public/assets/prism/*.js')
         .pipe(brotli.compress({mode: 1, quality: 11}))
-        .pipe(gulp.dest('public/build/assets/prism/'));
+        .pipe(gulp.dest('public/assets/prism/'));
 });

package.json

@@ -5,9 +5,11 @@
   "license": "CC0-1.0",
   "devDependencies": {
     "gulp": "~3.9",
+    "gulp-autoprefixer": "^3.1.0",
     "gulp-brotli": "^1.0.1",
+    "gulp-sass": "^2.3.2",
+    "gulp-sourcemaps": "^1.6.0",
     "gulp-zopfli": "^1.0.0",
-    "laravel-elixir": "^6.0.0-2",
     "lint-staged": "^1.0.1",
     "pre-commit": "^1.1.3",
     "stylelint": "^6.6.0",
@@ -15,8 +17,6 @@
   },
   "private": true,
   "scripts": {
-    "prod": "gulp --production",
-    "dev": "gulp watch",
     "lint-staged": "lint-staged",
     "stylelint-staged": "stylelint --syntax=scss"
   },

public/assets/bower/fetch.js

@@ -5,6 +5,21 @@
     return
   }
 
+  var support = {
+    searchParams: 'URLSearchParams' in self,
+    iterable: 'Symbol' in self && 'iterator' in Symbol,
+    blob: 'FileReader' in self && 'Blob' in self && (function() {
+      try {
+        new Blob()
+        return true
+      } catch(e) {
+        return false
+      }
+    })(),
+    formData: 'FormData' in self,
+    arrayBuffer: 'ArrayBuffer' in self
+  }
+
   function normalizeName(name) {
     if (typeof name !== 'string') {
       name = String(name)
@@ -22,6 +37,24 @@
     return value
   }
 
+  // Build a destructive iterator for the value list
+  function iteratorFor(items) {
+    var iterator = {
+      next: function() {
+        var value = items.shift()
+        return {done: value === undefined, value: value}
+      }
+    }
+
+    if (support.iterable) {
+      iterator[Symbol.iterator] = function() {
+        return iterator
+      }
+    }
+
+    return iterator
+  }
+
   function Headers(headers) {
     this.map = {}
 
@@ -77,6 +110,28 @@
     }, this)
   }
 
+  Headers.prototype.keys = function() {
+    var items = []
+    this.forEach(function(value, name) { items.push(name) })
+    return iteratorFor(items)
+  }
+
+  Headers.prototype.values = function() {
+    var items = []
+    this.forEach(function(value) { items.push(value) })
+    return iteratorFor(items)
+  }
+
+  Headers.prototype.entries = function() {
+    var items = []
+    this.forEach(function(value, name) { items.push([name, value]) })
+    return iteratorFor(items)
+  }
+
+  if (support.iterable) {
+    Headers.prototype[Symbol.iterator] = Headers.prototype.entries
+  }
+
   function consumed(body) {
     if (body.bodyUsed) {
       return Promise.reject(new TypeError('Already read'))
@@ -107,23 +162,9 @@
     return fileReaderReady(reader)
   }
 
-  var support = {
-    blob: 'FileReader' in self && 'Blob' in self && (function() {
-      try {
-        new Blob()
-        return true
-      } catch(e) {
-        return false
-      }
-    })(),
-    formData: 'FormData' in self,
-    arrayBuffer: 'ArrayBuffer' in self
-  }
-
   function Body() {
     this.bodyUsed = false
 
-
     this._initBody = function(body) {
       this._bodyInit = body
       if (typeof body === 'string') {
@@ -132,6 +173,8 @@
         this._bodyBlob = body
       } else if (support.formData && FormData.prototype.isPrototypeOf(body)) {
         this._bodyFormData = body
+      } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) {
+        this._bodyText = body.toString()
       } else if (!body) {
         this._bodyText = ''
       } else if (support.arrayBuffer && ArrayBuffer.prototype.isPrototypeOf(body)) {
@@ -146,6 +189,8 @@
           this.headers.set('content-type', 'text/plain;charset=UTF-8')
         } else if (this._bodyBlob && this._bodyBlob.type) {
           this.headers.set('content-type', this._bodyBlob.type)
+        } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) {
+          this.headers.set('content-type', 'application/x-www-form-urlencoded;charset=UTF-8')
         }
       }
     }
@@ -349,13 +394,8 @@
       }
 
       xhr.onload = function() {
-        var status = (xhr.status === 1223) ? 204 : xhr.status
-        if (status < 100 || status > 599) {
-          reject(new TypeError('Network request failed'))
-          return
-        }
         var options = {
-          status: status,
+          status: xhr.status,
           statusText: xhr.statusText,
           headers: headers(xhr),
           url: responseURL()

public/assets/bower/sanitize.css

@@ -1,263 +1,266 @@
-/*! sanitize.css v3.3.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
+/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */
 
-/* Latest tested: Android 6, Chrome 48, Edge 13, Firefox 44, Internet Explorer 11, iOS 9, Opera 35, Safari 9, Windows Phone 8.1 */
+/* Display definitions
+   ========================================================================== */
 
-/*
+/**
- * Normalization
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ * 2. Add the correct display in IE.
+ */
+
+article,
+aside,
+details, /* 1 */
+figcaption,
+figure,
+footer,
+header,
+main, /* 2 */
+menu,
+nav,
+section,
+summary { /* 1 */
+	display: block;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+canvas,
+progress,
+video {
+	display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+	display: none;
+	height: 0;
+}
+
+/**
+ * Add the correct display in IE 10-.
+ * 1. Add the correct display in IE.
+ */
+
+template, /* 1 */
+[hidden] {
+	display: none;
+}
+
+/* Elements of HTML (https://www.w3.org/TR/html5/semantics.html)
+   ========================================================================== */
+
+/**
+ * 1. Remove repeating backgrounds in all browsers (opinionated).
+ * 2. Add box sizing inheritence in all browsers (opinionated).
+ */
+
+*,
+::before,
+::after {
+	background-repeat: no-repeat; /* 1 */
+	box-sizing: inherit; /* 2 */
+}
+
+/**
+ * 1. Add text decoration inheritance in all browsers (opinionated).
+ * 2. Add vertical alignment inheritence in all browsers (opinionated).
+ */
+
+::before,
+::after {
+	text-decoration: inherit; /* 1 */
+	vertical-align: inherit; /* 2 */
+}
+
+/**
+ * 1. Add border box sizing in all browsers (opinionated).
+ * 2. Add the default cursor in all browsers (opinionated).
+ * 3. Add a flattened line height in all browsers (opinionated).
+ * 4. Prevent font size adjustments after orientation changes in IE and iOS.
+ */
+
+html {
+	box-sizing: border-box; /* 1 */
+	cursor: default; /* 2 */
+	font-family: sans-serif; /* 3 */
+	line-height: 1.5; /* 3 */
+	-ms-text-size-adjust: 100%; /* 4 */
+	-webkit-text-size-adjust: 100%; /* 5 */
+}
+
+/* Sections (https://www.w3.org/TR/html5/sections.html)
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+	margin: 0;
+}
+
+/**
+ * Correct the font sizes and margins on `h1` elements within
+ * `section` and `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+	font-size: 2em;
+	margin: .67em 0;
+}
+
+/* Grouping content (https://www.w3.org/TR/html5/grouping-content.html)
+   ========================================================================== */
+
+/**
+ * 1. Correct font sizing inheritance and scaling in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+	font-family: monospace, monospace; /* 1 */
+	font-size: 1em; /* 2 */
+}
+
+/**
+ * 1. Correct the height in Firefox.
+ * 2. Add visible overflow in Edge and IE.
+ */
+
+hr {
+	height: 0; /* 1 */
+	overflow: visible; /* 2 */
+}
+
+/**
+ * Remove the list style on navigation lists in all browsers (opinionated).
+ */
+
+nav ol,
+nav ul {
+	list-style: none;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * 1. Add a bordered underline effect in all browsers.
+ * 2. Remove text decoration in Firefox 40+.
  */
 
 abbr[title] {
-	text-decoration: underline; /* Chrome 48+, Edge 12+, Internet Explorer 11-, Safari 9+ */
+	border-bottom: 1px dotted; /* 1 */
-	text-decoration: underline dotted; /* Firefox 40+ */
+	text-decoration: none; /* 2 */
 }
 
-audio:not([controls]) {
+/**
-	display: none; /* Chrome 44-, iOS 8+, Safari 9+ */
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
-}
+ */
 
 b,
 strong {
-	font-weight: bolder; /* Edge 12+, Safari 6.2+, and Chrome 18+ */
-}
-
-button {
-	-webkit-appearance: button; /* iOS 8+ */
-	overflow: visible; /* Internet Explorer 11- */
-}
-
-button,
-input {
-}
-
-button::-moz-focus-inner, input::-moz-focus-inner {
-	border: 0;/* Firefox 4+ */
-	padding: 0;/* Firefox 4+ */
-}
-
-button:-moz-focusring, input:-moz-focusring {
-	outline: 1px dotted ButtonText;/* Firefox 4+ */
-}
-
-button,
-select {
-	text-transform: none; /* Firefox 40+, Internet Explorer 11- */
-}
-
-details {
-	display: block; /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
-}
-
-html {
-	-ms-overflow-style: -ms-autohiding-scrollbar; /* Edge 12+, Internet Explorer 11- */
-	overflow-y: scroll; /* All browsers without overlaying scrollbars */
-	-webkit-text-size-adjust: 100%; /* iOS 8+, Windows Phone 8.1+ */
-}
-
-hr {
-	overflow: visible; /* Internet Explorer 11-, Edge 12+ */
-}
-
-input {
-	-webkit-border-radius: 0 /* iOS 8+ */
-}
-
-input[type="button"],
-	input[type="reset"],
-	input[type="submit"] {
-	-webkit-appearance: button;/* iOS 8+ */
-}
-
-input[type="number"] {
-	width: auto;/* Firefox 36+ */
-}
-
-input[type="search"] {
-	-webkit-appearance: textfield;/* Chrome 45+, Safari 9+ */
-}
-
-input[type="search"]::-webkit-search-cancel-button,
-		input[type="search"]::-webkit-search-decoration {
-	-webkit-appearance: none;/* Chrome 45+, Safari 9+ */
-}
-
-main {
-	display: block; /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */
-}
-
-pre {
-	overflow: auto; /* Internet Explorer 11- */
-}
-
-progress {
-	display: inline-block; /* Internet Explorer 11-, Windows Phone 8.1+ */
-}
-
-summary {
-	display: block; /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */
-}
-
-svg:not(:root) {
-	overflow: hidden; /* Internet Explorer 11- */
-}
-
-template {
-	display: none; /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */
-}
-
-textarea {
-	overflow: auto; /* Edge 12+, Internet Explorer 11- */
-}
-
-[hidden] {
-	display: none; /* Internet Explorer 10- */
-}
-
-/*
- * Universal inheritance
- */
-
-*,
-:before,
-:after {
-	box-sizing: inherit;
-}
-
-* {
-	font-size: inherit;
-	line-height: inherit;
-}
-
-:before,
-:after {
-	text-decoration: inherit;
-	vertical-align: inherit;
-}
-
-button,
-input,
-select,
-textarea {
-	font-family: inherit;
-	font-style: inherit;
 	font-weight: inherit;
 }
 
-
+/**
-
+ * Add the correct font weight in Chrome, Edge, and Safari.
-/*
- * Opinionated defaults
  */
 
-/* specify the margin and padding of all elements */
+b,
-
+strong {
-* {
+	font-weight: bolder;
-	margin: 0;
-	padding: 0;
 }
 
-/* specify the border style and width of all elements */
+/**
-
+ * Add the correct font style in Android 4.3-.
-*,
-:before,
-:after {
-	border-style: solid;
-	border-width: 0;
-}
-
-/* remove the tapping delay from clickable elements */
-
-a,
-area,
-button,
-input,
-label,
-select,
-textarea,
-[tabindex] {
-	-ms-touch-action: manipulation;
-	    touch-action: manipulation;
-}
-
-/* specify the standard appearance of selects */
-
-select {
-	-moz-appearance: none;    /* Firefox 40+ */
-	-webkit-appearance: none /* Chrome 45+ */
-}
-
-select::-ms-expand {
-	display: none;/* Edge 12+, Internet Explorer 11- */
-}
-
-select::-ms-value {
-	color: currentColor;/* Edge 12+, Internet Explorer 11- */
-}
-
-/* use current current as the default fill of svg elements */
-
-svg {
-	fill: currentColor;
-}
-
-/* specify the progress cursor of updating elements */
-
-[aria-busy="true"] {
-	cursor: progress;
-}
-
-/* specify the pointer cursor of trigger elements */
-
-[aria-controls] {
-	cursor: pointer;
-}
-
-/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
-
-[aria-disabled] {
-	cursor: default;
-}
-
-/* specify the style of visually hidden yet accessible elements */
-
-[hidden][aria-hidden="false"] {
-	clip: rect(0 0 0 0);
-	display: inherit;
-	position: absolute
-}
-
-[hidden][aria-hidden="false"]:focus {
-	clip: auto;
-}
-
-
-
-/*
- * Configurable defaults
  */
 
-/* specify the background repeat of all elements */
+dfn {
-
+	font-style: italic;
-* {
-	background-repeat: no-repeat;
 }
 
-/* specify the root styles of the document */
+/**
+ * Add the correct colors in IE 9-.
+ */
 
-:root {
+mark {
-	background-color: #ffffff;
+	background-color: #ffff00;
-	box-sizing: border-box;
 	color: #000000;
-	cursor: default;
-	font: 100%/1.5 sans-serif;
 }
 
-/* specify the text decoration of anchors */
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
 
-a {
+progress {
-	text-decoration: none;
+	vertical-align: baseline;
 }
 
-/* specify the alignment of media elements */
+/**
+ * Correct the font size in all browsers.
+ */
+
+small {
+	font-size: 83.3333%;
+}
+
+/**
+ * Change the positioning on superscript and subscript elements
+ * in all browsers (opinionated).
+ * 1. Correct the font size in all browsers.
+ */
+
+sub,
+sup {
+	font-size: 83.3333%; /* 1 */
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sub {
+	bottom: -.25em;
+}
+
+sup {
+	top: -.5em;
+}
+
+/*
+ * Remove the text shadow on text selections (opinionated).
+ * 1. Restore the coloring undone by defining the text shadow (opinionated).
+ */
+
+::-moz-selection {
+	background-color: #b3d4fc; /* 1 */
+	color: #000000; /* 1 */
+	text-shadow: none;
+}
+
+::selection {
+	background-color: #b3d4fc; /* 1 */
+	color: #000000; /* 1 */
+	text-shadow: none;
+}
+
+/* Embedded content (https://www.w3.org/TR/html5/embedded-content-0.html)
+   ========================================================================== */
+
+/*
+ * Change the alignment on media elements in all browers (opinionated).
+ */
 
 audio,
 canvas,
@@ -268,85 +271,279 @@ video {
 	vertical-align: middle;
 }
 
-/* specify the coloring of form elements */
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
 
-button,
+img {
-input,
+	border-style: none;
-select,
-textarea {
-	background-color: transparent;
-	color: inherit;
 }
 
-/* specify the minimum height of form elements */
+/**
+ * Change the fill color to match the text color in all browsers (opinionated).
+ */
 
-button,
+svg {
-[type="button"],
+	fill: currentColor;
-[type="date"],
-[type="datetime"],
-[type="datetime-local"],
-[type="email"],
-[type="month"],
-[type="number"],
-[type="password"],
-[type="reset"],
-[type="search"],
-[type="submit"],
-[type="tel"],
-[type="text"],
-[type="time"],
-[type="url"],
-[type="week"],
-select,
-textarea {
-	min-height: 1.5em;
 }
 
-/* specify the font family of code elements */
+/**
+ * Hide the overflow in IE.
+ */
 
-code,
+svg:not(:root) {
-kbd,
+	overflow: hidden;
-pre,
-samp {
-	font-family: monospace, monospace;
 }
 
-/* specify the list style of nav lists */
+/* Links (https://www.w3.org/TR/html5/links.html#links)
+   ========================================================================== */
 
-nav ol,
+/**
-nav ul {
+ * 1. Remove the gray background on active links in IE 10.
-	list-style: none;
+ * 2. Remove the gaps in underlines in iOS 8+ and Safari 8+.
+ */
+
+a {
+	background-color: transparent; /* 1 */
+	-webkit-text-decoration-skip: objects; /* 2 */
 }
 
-/* specify the font size of small elements */
+/**
+ * Remove the outline when hovering in all browsers (opinionated).
+ */
 
-small {
+a:hover {
-	font-size: 75%;
+	outline-width: 0;
 }
 
-/* specify the border styling of tables */
+/* Tabular data (https://www.w3.org/TR/html5/tabular-data.html)
+   ========================================================================== */
+
+/*
+ * Remove border spacing in all browsers (opinionated).
+ */
 
 table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }
 
-/* specify the resizability of textareas */
+/* transform-style:  (https://www.w3.org/TR/html5/forms.html)
+   ========================================================================== */
+
+/**
+ * 1. Remove the default styling in all browsers (opinionated).
+ * 3. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+select,
+textarea {
+	background-color: transparent; /* 1 */
+	border-style: none; /* 1 */
+	color: inherit; /* 1 */
+	font-size: 1em; /* 1 */
+	margin: 0; /* 3 */
+}
+
+/**
+ * Correct the overflow in IE.
+ * 1. Correct the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+	overflow: visible;
+}
+
+/**
+ * Remove the inheritance in Edge, Firefox, and IE.
+ * 1. Remove the inheritance in Firefox.
+ */
+
+button,
+select { /* 1 */
+	text-transform: none;
+}
+
+/**
+ * 1. Prevent the WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+	-webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+::-moz-focus-inner {
+	border-style: none;
+	padding: 0;
+}
+
+/**
+ * Correct the focus styles unset by the previous rule.
+ */
+
+:-moz-focusring {
+	outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the border, margin, and padding in all browsers.
+ */
+
+fieldset {
+	border: 1px solid #c0c0c0;
+	margin: 0 2px;
+	padding: .35em .625em .75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+	display: table; /* 1 */
+	max-width: 100%; /* 1 */
+	padding: 0; /* 2 */
+	white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Remove the vertical scrollbar in IE.
+ * 2. Change the resize direction on textareas in all browsers (opinionated).
+ */
 
 textarea {
-	resize: vertical;
+	overflow: auto; /* 1 */
+	resize: vertical; /* 2 */
 }
 
-/* specify the background color, font color, and drop shadow of text selections */
+/**
+ * Remove the padding in IE 10-.
+ */
 
-::-moz-selection {
+[type="checkbox"],
-	background-color: #b3d4fc; /* required when declaring ::selection */
+[type="radio"] {
-	color: #ffffff;
+	padding: 0;
-	text-shadow: none;
 }
 
-::selection {
+/**
-	background-color: #b3d4fc; /* required when declaring ::selection */
+ * Correct the cursor style on increment and decrement buttons in Chrome.
-	color: #ffffff;
+ */
-	text-shadow: none;
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+	-webkit-appearance: textfield; /* 1 */
+	outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari for OS X.
+ */
+
+::-webkit-search-cancel-button,
+::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+ * Correct the text style on placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+	color: inherit;
+	opacity: .54;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+	-webkit-appearance: button; /* 1 */
+	font: inherit; /* 2 */
+}
+
+/* WAI-ARIA (https://www.w3.org/TR/html5/dom.html#wai-aria)
+   ========================================================================== */
+
+/**
+ * Change the cursor on busy elements (opinionated).
+ */
+
+[aria-busy="true"] {
+	cursor: progress;
+}
+
+/*
+ * Change the cursor on control elements (opinionated).
+ */
+
+[aria-controls] {
+	cursor: pointer;
+}
+
+/*
+ * Change the cursor on disabled, not-editable, or otherwise
+ * inoperable elements (opinionated).
+ */
+
+[aria-disabled] {
+	cursor: default;
+}
+
+/* User interaction (https://www.w3.org/TR/html5/editing.html)
+   ========================================================================== */
+
+/*
+ * Remove the tapping delay on clickable elements (opinionated).
+ * 1. Remove the tapping delay in IE 10.
+ */
+
+a,
+area,
+button,
+input,
+label,
+select,
+textarea,
+[tabindex] {
+	-ms-touch-action: manipulation; /* 1 */
+	touch-action: manipulation;
+}
+
+/*
+ * Change the display on visually hidden accessible elements (opinionated).
+ */
+
+[hidden][aria-hidden="false"] {
+	clip: rect(0, 0, 0, 0);
+	display: inherit;
+	position: absolute;
+}
+
+[hidden][aria-hidden="false"]:focus {
+	clip: auto;
 }