From a91496c140acdccd6f4fa5def72729c172174c5c Mon Sep 17 00:00:00 2001
From: Nigel O'Toole <pure@purestructure.com>
Date: Thu, 23 May 2019 10:58:15 +0100
Subject: [PATCH] Minor documentation fixes

---
 README.md                  | 9 ++++-----
 package.json               | 2 +-
 src/index.html             | 4 ++--
 src/styles/site/_site.scss | 2 +-
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index ce4a269..a009515 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,7 @@
 # Pixel borders
+### A SASS mixin to add pixelated borders to HTML elements, which can be customized for different sizes, styles and colour coding.
 
-[Live demo](http://nigelotoole.github.io/pixel-borders/)
-
-## A SASS mixin to add pixelated borders to HTML elements, which can be customized for different sizes, styles and colour coding.
+### [View demo](http://nigelotoole.github.io/pixel-borders/)
 
 
 ## Installation
@@ -17,13 +16,13 @@ $ npm install pixel-borders --save-dev
 After installation you can import it into your SASS files with the statement below.
 
 ```scss
-@import "pixel-borders/src/styles/pixel-borders.scss";
+@import "node_modules/pixel-borders/src/styles/pixel-borders.scss";
 ```
 
 You can also just import the mixins without the demo styles.
 
 ```scss
-@import "pixel-borders/src/styles/pixel-borders/pixel-borders-mixins";
+@import "node_modules/pixel-borders/src/styles/pixel-borders/pixel-borders-mixins";
 ```
 
 #### Pixel borders mixin options
diff --git a/package.json b/package.json
index b950a6a..d648e51 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "pixel-borders",
   "description": "SASS mixin to add pixelated borders to HTML elements.",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "main": "src/styles/pixel-borders.scss",
   "repository": {
     "type": "git",
diff --git a/src/index.html b/src/index.html
index 806ac82..78ec6c9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -86,11 +86,11 @@
 
       <p>After installation you can import it into your SASS files with the statement below.</p>
 
-<pre><code>@import "pixel-borders/src/styles/pixel-borders.scss";</code></pre>
+<pre><code>@import "node_modules/pixel-borders/src/styles/pixel-borders.scss";</code></pre>
 
       <p>You can also just import the mixins without the demo styles.</p>
 
-<pre><code>@import "pixel-borders/src/styles/pixel-borders/pixel-borders-mixins";</code></pre>
+<pre><code>@import "node_modules/pixel-borders/src/styles/pixel-borders/pixel-borders-mixins";</code></pre>
 
 
       <h4>Pixel borders mixin options</h4>
diff --git a/src/styles/site/_site.scss b/src/styles/site/_site.scss
index 5c0defb..5021633 100644
--- a/src/styles/site/_site.scss
+++ b/src/styles/site/_site.scss
@@ -198,7 +198,7 @@ pre {
   border-radius: 4px;
   transition: background-color .3s, color .3s;
 
-  &:hover, &:active {
+  &:hover, &:focus, &:active {
     background-color: #f3f3f3;
   }
 }