From 8d6c2cafc78cbef4774838f0bcde06fe3122f5db Mon Sep 17 00:00:00 2001
From: Matthew Harris <rtpharry@hotmail.com>
Date: Sat, 23 May 2015 15:21:29 +0100
Subject: [PATCH] Scope css so it doesn't mess sites up

As soon as somebody drops this into their site it will affect all buttons. It might go unnoticed and cause problems.

The button has an ID so this change will prevent the demo "leaking" when dropped into a real site. I normally stay away from ids but there should only be one and the current css is never going to be used on a live site either so you might modify it either way around but this one stops the leak.
---
 demos/custom-toggle/styles.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/demos/custom-toggle/styles.css b/demos/custom-toggle/styles.css
index aa33465..a99d1fa 100644
--- a/demos/custom-toggle/styles.css
+++ b/demos/custom-toggle/styles.css
@@ -1,4 +1,4 @@
-button {
+#toggle {
   color: white;
   padding: 1em;
   border: 0;
@@ -6,13 +6,13 @@ button {
   background: red;
 }
 
-button.active {
+#toggle.active {
   background: green;
 }
 
 
 @media (min-width: 700px) {
-  button {
+  #toggle {
     display: none;
   }
 }