change sass to use BEM

MathuraMG · MathuraMG · commit 7fd8471e780d · 2016-06-10T15:14:55.000-04:00
diff --git 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
@@ -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;
 	}
 }
 

Original file line number	Diff line number	Diff line change
`@@ -23,4 +23,10 @@`
`23`	`23`	`fill: $light-button-hover-color;`
`24`	`24`	`}`
`25`	`25`	`}`
	`26`	`+ &--selected {`
	`27`	`+ background-color: $light-button-background-hover-color;`
	`28`	`+ & g {`
	`29`	`+ fill: $light-button-hover-color;`
	`30`	`+ }`
	`31`	`+ }`
`26`	`32`	`}`
Original file line number	Diff line number	Diff line change
`@@ -2,20 +2,14 @@`
`2`	`2`	`@extend %toolbar-button;`
`3`	`3`	`margin-right: #{15 / $base-font-size}rem;`
`4`	`4`	`&--selected {`
`5`		`- background-color: $light-button-background-hover-color;`
`6`		`- & g {`
`7`		`- fill: $light-button-hover-color;`
`8`		`- }`
	`5`	`+ @extend %toolbar-button--selected;`
`9`	`6`	`}`
`10`	`7`	`}`
`11`	`8`
`12`	`9`	`.toolbar__stop-button {`
`13`	`10`	`@extend %toolbar-button;`
`14`	`11`	`&--selected {`
`15`		`- background-color: $light-button-background-hover-color;`
`16`		`- & g {`
`17`		`- fill: $light-button-hover-color;`
`18`		`- }`
	`12`	`+ @extend %toolbar-button--selected;`
`19`	`13`	`}`
`20`	`14`	`}`
`21`	`15`