Fix BEM variation nomenclature for 'btn' class

David Cruz · David Cruz · commit c19b060e5bbd · 2016-09-02T19:27:08.000+01:00
diff --git a/contact/index.html b/contact/index.html
@@ -53,7 +53,7 @@ <h2 itemprop="name"><i class="icon-briefcase"></i>Minuscode</h2>
             <input type="email" name="email" placeholder="E-mail" autocomplete="off" required>
             <textarea rows="9" name="message" placeholder="Message" required></textarea>
           </fieldset>
-          <button type="submit" class="btn btn-red">Send &rarr;</button>
+          <button type="submit" class="btn btn--red">Send &rarr;</button>
           <!-- <input type='submit' value='Test form' /> -->
         </form>
 
diff --git a/css/src/ui/_buttons.scss b/css/src/ui/_buttons.scss
@@ -17,7 +17,7 @@
   }
 }
 
-.btn-red {
+.btn--red {
   background: $red;
   border: 2px solid $red;
   color: #fff;
@@ -28,4 +28,4 @@
     background: none;
     color: $red;
   }
-}
+}
diff --git a/index.html b/index.html
@@ -16,7 +16,7 @@ <h2>
       <span>or a brand activation, we can help you <strong>build it.</strong></span>
     </h2>
 
-    <a href="/contact" class="btn btn-red link--arrow-end">Get a Quote</a>
+    <a href="/contact" class="btn btn--red link--arrow-end">Get a Quote</a>
   </div>
 
 </div><!-- /masthead -->
