From 7fd8471e780da4f7b057b836b6f88396f17c8ddb Mon Sep 17 00:00:00 2001
From: mathuramg <mmg9291@gmail.com>
Date: Fri, 10 Jun 2016 15:14:55 -0400
Subject: [PATCH] change sass to use BEM

---
 styles/abstracts/_placeholders.scss |  6 ++++++
 styles/components/_toolbar.scss     | 10 ++--------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/styles/abstracts/_placeholders.scss b/styles/abstracts/_placeholders.scss
index 0b264297..bf21414f 100644
--- a/styles/abstracts/_placeholders.scss
+++ b/styles/abstracts/_placeholders.scss
@@ -23,4 +23,10 @@
 			fill: $light-button-hover-color;
 		}
 	}
+	&--selected {
+    background-color: $light-button-background-hover-color;
+    & g {
+        fill: $light-button-hover-color;
+    }
+  }
 }
diff --git a/styles/components/_toolbar.scss b/styles/components/_toolbar.scss
index f8001d86..043667dc 100644
--- a/styles/components/_toolbar.scss
+++ b/styles/components/_toolbar.scss
@@ -2,20 +2,14 @@
 	@extend %toolbar-button;
 	margin-right: #{15 / $base-font-size}rem;
 	&--selected {
-		background-color: $light-button-background-hover-color;
-		& g {
-			fill: $light-button-hover-color;
-		}
+		@extend %toolbar-button--selected;
 	}
 }
 
 .toolbar__stop-button {
 	@extend %toolbar-button;
 	&--selected {
-		background-color: $light-button-background-hover-color;
-		& g {
-			fill: $light-button-hover-color;
-		}
+		@extend %toolbar-button--selected;
 	}
 }