diff --git a/src/_less/utilities/borders.less b/src/_less/utilities/done/borders.less
similarity index 100%
rename from src/_less/utilities/borders.less
rename to src/_less/utilities/done/borders.less
diff --git a/src/generators/borderStyles.js b/src/generators/borderStyles.js
new file mode 100644
index 000000000..9e0681a84
--- /dev/null
+++ b/src/generators/borderStyles.js
@@ -0,0 +1,12 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'border-dashed': {
+      'border-style': 'dashed',
+    },
+    'border-dotted': {
+      'border-style': 'dotted',
+    },
+  })
+}
diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js
index d97d5a7a5..daa3b4e82 100644
--- a/src/lib/generateUtilities.js
+++ b/src/lib/generateUtilities.js
@@ -4,6 +4,7 @@ import backgroundColors from '../generators/backgroundColors'
 import backgroundSize from '../generators/backgroundSize'
 import borderWidths from '../generators/borderWidths'
 import borderColors from '../generators/borderColors'
+import borderStyles from '../generators/borderStyles'
 import rounded from '../generators/rounded'
 import position from '../generators/position'
 import overflow from '../generators/overflow'
@@ -20,6 +21,7 @@ export default function(options) {
           backgroundSize(options),
           borderWidths(options),
           borderColors(options),
+          borderStyles(options),
           rounded(options),
           position(options),
           overflow(options),