diff --git a/config.codekit b/config.codekit
index 45be4fa..9cfb7a7 100644
--- a/config.codekit
+++ b/config.codekit
@@ -13,6 +13,15 @@
 		"outputPathIsSetByUser": 0,
 		"outputStyle": 1
 		},
+	"\/dist\/css\/unslider-dots.css": {
+		"fileType": 16,
+		"ignore": 1,
+		"ignoreWasSetByUser": 0,
+		"inputAbbreviatedPath": "\/dist\/css\/unslider-dots.css",
+		"outputAbbreviatedPath": "No Output Path",
+		"outputPathIsOutsideProject": 0,
+		"outputPathIsSetByUser": 0
+		},
 	"\/dist\/css\/unslider.css": {
 		"fileType": 16,
 		"ignore": 1,
@@ -54,6 +63,26 @@
 		"randomFootnoteNumbers": 0,
 		"useCompatibilityMode": 0
 		},
+	"\/src\/css\/unslider-dots.less": {
+		"allowInsecureImports": 0,
+		"createSourceMap": 0,
+		"disableJavascript": 0,
+		"fileType": 1,
+		"ieCompatibility": 1,
+		"ignore": 0,
+		"ignoreWasSetByUser": 0,
+		"inputAbbreviatedPath": "\/src\/css\/unslider-dots.less",
+		"outputAbbreviatedPath": "\/dist\/css\/unslider-dots.css",
+		"outputPathIsOutsideProject": 0,
+		"outputPathIsSetByUser": 1,
+		"outputStyle": 0,
+		"relativeURLS": 0,
+		"shouldRunAutoprefixer": 0,
+		"shouldRunBless": 0,
+		"strictImports": 0,
+		"strictMath": 0,
+		"strictUnits": 0
+		},
 	"\/src\/css\/unslider.less": {
 		"allowInsecureImports": 0,
 		"createSourceMap": 0,
diff --git a/dist/css/unslider-dots.css b/dist/css/unslider-dots.css
new file mode 100644
index 0000000..65327c0
--- /dev/null
+++ b/dist/css/unslider-dots.css
@@ -0,0 +1,33 @@
+/**
+ *   Here's where everything gets included. You don't need
+ *   to change anything here, and doing so might break
+ *   stuff. Here be dragons and all that.
+ */
+/**
+ *   Default variables
+ *
+ *   While these can be set with JavaScript, it's probably
+ *   better and faster to just set them here, compile to
+ *   CSS and include that instead to use some of that
+ *   hardware-accelerated goodness.
+ */
+.unslider-nav ol {
+  list-style: none;
+  text-align: center;
+}
+.unslider-nav ol li {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  margin: 0 4px;
+  background: transparent;
+  border-radius: 5px;
+  overflow: hidden;
+  text-indent: -999em;
+  border: 2px solid #fff;
+  cursor: pointer;
+}
+.unslider-nav ol li.unslider-active {
+  background: #fff;
+  cursor: default;
+}
diff --git a/src/css/unslider-dots.less b/src/css/unslider-dots.less
new file mode 100644
index 0000000..2f10213
--- /dev/null
+++ b/src/css/unslider-dots.less
@@ -0,0 +1,18 @@
+/**
+ *   Here's where everything gets included. You don't need
+ *   to change anything here, and doing so might break
+ *   stuff. Here be dragons and all that.
+ */
+@import 'variables';
+@unslider-dot-navigation: true;
+
+//  Unfortunately, LESS isn't great at conditionals
+.use-dots() when (@unslider-dot-navigation = true) { @import 'unslider/dots'; }
+.use-dots();
+
+//  You can also import dots directly yourself to use
+//  in a more specific selector, like so:
+// #demo {
+// 	.use-dots() when (@unslider-dot-navigation = true) { @import 'unslider/dots'; }
+// 	.use-dots();
+// }
\ No newline at end of file