-> v1.7.3

* Fix option is an empty string

* Fix test

* Add hr style #54

* Tweak hr style

CHANGELOG.md

@@ -1,4 +1,9 @@
-## 1.7.1
+## 1.7.3
+### Bug fixes
+- Add `hr` style
+- Fixed option is an empty string
+
+## 1.7.2
 ### Bug fixes
 - Fix sidebar click event in mobile browser.
 

docs/_coverpage.md

@@ -1,6 +1,6 @@
 ![logo](_media/icon.svg)
 
-# docsify <small>1.7.2</small>
+# docsify <small>1.7.3</small>
 
 > A magical documentation site generator.
 

lib/docsify.js

@@ -2703,7 +2703,7 @@ var script = document.currentScript || [].slice.call(document.getElementsByTagNa
 if (script) {
   for (var prop in OPTIONS) {
     var val = script.getAttribute('data-' + camel2kebab(prop));
-    OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : (val || true);
+    OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : (typeof OPTIONS[prop] === 'string' ? val : true);
   }
   if (OPTIONS.loadSidebar === true) { OPTIONS.loadSidebar = '_sidebar.md'; }
   if (OPTIONS.loadNavbar === true) { OPTIONS.loadNavbar = '_navbar.md'; }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docsify",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "description": "A magical documentation generator.",
   "main": "lib/docsify.js",
   "files": [

src/index.js

@@ -25,7 +25,7 @@ const script = document.currentScript || [].slice.call(document.getElementsByTag
 if (script) {
   for (const prop in OPTIONS) {
     const val = script.getAttribute('data-' + camel2kebab(prop))
-    OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : (val || true)
+    OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : (typeof OPTIONS[prop] === 'string' ? val : true)
   }
   if (OPTIONS.loadSidebar === true) OPTIONS.loadSidebar = '_sidebar.md'
   if (OPTIONS.loadNavbar === true) OPTIONS.loadNavbar = '_navbar.md'

src/themes/basic/_layout.css

@@ -287,6 +287,12 @@ body.sticky {
   }
 }
 
+.markdown-section hr {
+  border: none;
+  margin: 2em 0;
+  border-bottom: 1px solid #eee;
+}
+
 .markdown-section table {
   display: block;
   width: 100%;

src/themes/buble.css

@@ -28,7 +28,7 @@ $sidebar-width: 16em;
     padding: 0;
   }
 
-  .active {
+  li.active {
     background-color: #eee;
 
     a {