Rename borderColors to borderColor

defaultConfig.stub.js

@@ -13,7 +13,7 @@ module.exports = {
     backgroundRepeat: ['responsive'],
     backgroundSize: ['responsive'],
     borderCollapse: [],
-    borderColors: ['responsive', 'hover', 'focus'],
+    borderColor: ['responsive', 'hover', 'focus'],
     borderRadius: ['responsive'],
     borderStyle: ['responsive'],
     borderWidths: ['responsive'],

defaultTheme.js

@@ -178,7 +178,7 @@ module.exports = function() {
       '4': '4px',
       '8': '8px',
     },
-    borderColors: theme => {
+    borderColor: theme => {
       return global.Object.assign({ default: theme.colors['grey-light'] }, theme.colors)
     },
     borderRadius: {

plugins/borderColor.js

@@ -0,0 +1 @@
+module.exports = require('../lib/plugins/borderColor').default

plugins/borderColors.js

@@ -1 +0,0 @@
-module.exports = require('../lib/plugins/borderColors').default

src/corePlugins.js

@@ -7,7 +7,7 @@ import backgroundPosition from './plugins/backgroundPosition'
 import backgroundRepeat from './plugins/backgroundRepeat'
 import backgroundSize from './plugins/backgroundSize'
 import borderCollapse from './plugins/borderCollapse'
-import borderColors from './plugins/borderColors'
+import borderColor from './plugins/borderColor'
 import borderRadius from './plugins/borderRadius'
 import borderStyle from './plugins/borderStyle'
 import borderWidths from './plugins/borderWidths'
@@ -78,7 +78,7 @@ export default function(config) {
     backgroundRepeat,
     backgroundSize,
     borderCollapse,
-    borderColors,
+    borderColor,
     borderRadius,
     borderStyle,
     borderWidths,

src/plugins/css/preflight.css

@@ -89,7 +89,7 @@ ul {
 *::after {
   border-width: 0;
   border-style: solid;
-  border-color: config('theme.borderColors.default', currentColor);
+  border-color: config('theme.borderColor.default', currentColor);
 }
 
 /**