From b8ca77db490a329036acfe5c66956b08d6bba0a7 Mon Sep 17 00:00:00 2001
From: Jory Hogeveen <JoryHogeveen@users.noreply.github.com>
Date: Sat, 15 Oct 2016 01:07:06 +0200
Subject: [PATCH 1/2] Fix CSS selectors for attribute values

See #261
---
 dev/slidebars.css | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/dev/slidebars.css b/dev/slidebars.css
index 29f2d4b..51e678f 100755
--- a/dev/slidebars.css
+++ b/dev/slidebars.css
@@ -63,45 +63,45 @@ html, body {
 	-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
 }
 
-[off-canvas*=top] {
+[off-canvas*= top] {
 	width: 100%;
 	height: 255px;
 	top: 0;
 }
 
-[off-canvas*=right] {
+[off-canvas*= right] {
 	width: 255px;
 	height: 100%;
 	top: 0;
 	right: 0;
 }
 
-[off-canvas*=bottom] {
+[off-canvas*= bottom] {
 	width: 100%;
 	height: 255px;
 	bottom: 0;
 }
 
-[off-canvas*=left] {
+[off-canvas*= left] {
 	width: 255px;
 	height: 100%;
 	top: 0;
 	left: 0;
 }
 
-[off-canvas*=reveal] {
+[off-canvas*= reveal] {
 	z-index: 0;
 }
 
-[off-canvas*=push] {
+[off-canvas*= push] {
 	z-index: 1;
 }
 
-[off-canvas*=overlay] {
+[off-canvas*= overlay] {
 	z-index: 9999;
 }
 
-[off-canvas*=shift] {
+[off-canvas*= shift] {
 	z-index: 0;
 }
 
@@ -118,22 +118,22 @@ html, body {
 	-webkit-backface-visibility: hidden; /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
 }
 
-[off-canvas*=shift][off-canvas*=top] {
+[off-canvas*= shift][off-canvas*= top] {
 	-webkit-transform: translate( 0px, 50% );
 	        transform: translate( 0px, 50% );
 }
 
-[off-canvas*=shift][off-canvas*=right] {
+[off-canvas*= shift][off-canvas*= right] {
 	-webkit-transform: translate( -50%, 0px );
 	        transform: translate( -50%, 0px );
 }
 
-[off-canvas*=shift][off-canvas*=bottom] {
+[off-canvas*= shift][off-canvas*= bottom] {
 	-webkit-transform: translate( 0px, -50% );
 	        transform: translate( 0px, -50% );
 }
 
-[off-canvas*=shift][off-canvas*=left] {
+[off-canvas*= shift][off-canvas*= left] {
 	-webkit-transform: translate( 50%, 0px );
 	        transform: translate( 50%, 0px );
 }
@@ -152,4 +152,4 @@ html, body {
 	[off-canvas] {
 		display: none !important;
 	}
-}
\ No newline at end of file
+}

From 569fb981bf89ca410bb914c5662fde263121a5a0 Mon Sep 17 00:00:00 2001
From: Jory Hogeveen <JoryHogeveen@users.noreply.github.com>
Date: Sat, 15 Oct 2016 01:20:24 +0200
Subject: [PATCH 2/2] Improve markup (wrap in double quotes like specified at
 W3C)

See http://www.w3schools.com/css/css_attribute_selectors.asp
---
 dev/slidebars.css | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/dev/slidebars.css b/dev/slidebars.css
index 51e678f..4b7bb2d 100755
--- a/dev/slidebars.css
+++ b/dev/slidebars.css
@@ -63,45 +63,45 @@ html, body {
 	-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
 }
 
-[off-canvas*= top] {
+[off-canvas*=" top"] {
 	width: 100%;
 	height: 255px;
 	top: 0;
 }
 
-[off-canvas*= right] {
+[off-canvas*=" right"] {
 	width: 255px;
 	height: 100%;
 	top: 0;
 	right: 0;
 }
 
-[off-canvas*= bottom] {
+[off-canvas*=" bottom"] {
 	width: 100%;
 	height: 255px;
 	bottom: 0;
 }
 
-[off-canvas*= left] {
+[off-canvas*=" left"] {
 	width: 255px;
 	height: 100%;
 	top: 0;
 	left: 0;
 }
 
-[off-canvas*= reveal] {
+[off-canvas*=" reveal"] {
 	z-index: 0;
 }
 
-[off-canvas*= push] {
+[off-canvas*=" push"] {
 	z-index: 1;
 }
 
-[off-canvas*= overlay] {
+[off-canvas*=" overlay"] {
 	z-index: 9999;
 }
 
-[off-canvas*= shift] {
+[off-canvas*=" shift"] {
 	z-index: 0;
 }
 
@@ -118,22 +118,22 @@ html, body {
 	-webkit-backface-visibility: hidden; /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
 }
 
-[off-canvas*= shift][off-canvas*= top] {
+[off-canvas*=" shift"][off-canvas*=" top"] {
 	-webkit-transform: translate( 0px, 50% );
 	        transform: translate( 0px, 50% );
 }
 
-[off-canvas*= shift][off-canvas*= right] {
+[off-canvas*=" shift"][off-canvas*=" right"] {
 	-webkit-transform: translate( -50%, 0px );
 	        transform: translate( -50%, 0px );
 }
 
-[off-canvas*= shift][off-canvas*= bottom] {
+[off-canvas*=" shift"][off-canvas*=" bottom"] {
 	-webkit-transform: translate( 0px, -50% );
 	        transform: translate( 0px, -50% );
 }
 
-[off-canvas*= shift][off-canvas*= left] {
+[off-canvas*=" shift"][off-canvas*=" left"] {
 	-webkit-transform: translate( 50%, 0px );
 	        transform: translate( 50%, 0px );
 }