From 708b586e4f98e2139e709a26bd479847a046d364 Mon Sep 17 00:00:00 2001
From: Jonathan Garbee <jonathan@garbee.me>
Date: Tue, 2 Aug 2016 10:11:50 -0400
Subject: [PATCH] fix(button): Lint button syntax

Use the postcss bem linter to lint the button syntax. Ignoring the double-class selectors we use to
simplify the codes usage.
---
 packages/mdl-button/mdl-button.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/mdl-button/mdl-button.scss b/packages/mdl-button/mdl-button.scss
index 4231a63ad..0737702b1 100644
--- a/packages/mdl-button/mdl-button.scss
+++ b/packages/mdl-button/mdl-button.scss
@@ -17,6 +17,7 @@
 @import "variables";
 @import "mdl-typography/mixins";
 
+/* postcss-bem-linter: define button */
 /* stylelint-disable declaration-property-unit-whitelist */
 .mdl-button {
   @include mdl-typography(body2);
@@ -51,6 +52,7 @@
     content: "";
   }
 
+  /* postcss-bem-linter: ignore */
   &::before {
     background: currentColor;
     opacity: 0;
@@ -111,10 +113,12 @@
   &--primary {
     color: var(--mdl-theme-color-primary);
 
+    /* postcss-bem-linter: ignore */
     &.mdl-button--raised {
       background-color: var(--mdl-theme-color-primary);
       color: rgba(0, 0, 0, .87);
 
+      /* postcss-bem-linter: ignore */
       &::before {
         color: black;
       }
@@ -124,10 +128,12 @@
   &--accent {
     color: var(--mdl-theme-color-accent);
 
+    /* postcss-bem-linter: ignore */
     &.mdl-button--raised {
       background-color: var(--mdl-theme-color-accent);
       color: rgba(0, 0, 0, .87);
 
+      /* postcss-bem-linter: ignore */
       &::before {
         color: black;
       }
@@ -149,3 +155,5 @@
     box-shadow: none;
   }
 }
+
+/* postcss-bem-linter: end */