From 78716320eb032178f6c2308b57d2a0f9efca790f Mon Sep 17 00:00:00 2001
From: Jory Hogeveen <jory.johan.hogeveen@gmail.com>
Date: Sat, 15 Oct 2016 01:21:24 +0200
Subject: [PATCH] Fix CSS selectors for attribute values

See https://github.com/adchsm/Slidebars/issues/261
PR on Slidebars: https://github.com/adchsm/Slidebars/pull/262
---
 slidebars/slidebars.css | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/slidebars/slidebars.css b/slidebars/slidebars.css
index 40efd0d..ba7936d 100644
--- a/slidebars/slidebars.css
+++ b/slidebars/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 );
 }