refactor(button): added some primary attributes to the tests to make sure the styling is right

Fixed the button primary clear, closes #354

ionic/components/button/button-clear.scss

@@ -10,6 +10,7 @@ button[clear],
 
   &.activated {
     opacity: 0.4;
+    background: transparent;
   }
 
   &:hover:not(.disable-hover) {

ionic/components/button/test/basic/main.html

@@ -10,6 +10,11 @@
     <button class="activated">Default.activated</button>
   </p>
 
+  <p>
+    <button primary>Primary</button>
+    <button primary class="activated">Primary.activated</button>
+  </p>
+
   <p>
     <button secondary>Secondary</button>
     <button secondary class="activated">Secondary.activated</button>

ionic/components/button/test/clear/main.html

@@ -10,6 +10,11 @@
     <button clear class="activated">Default.activated</button>
   </p>
 
+  <p>
+    <button clear primary>Primary</button>
+    <button clear primary class="activated">Primary.activated</button>
+  </p>
+
   <p>
     <button clear secondary>Secondary</button>
     <button clear secondary class="activated">Secondary.activated</button>

ionic/components/button/test/fab/main.html

@@ -15,7 +15,7 @@
   <icon add></icon>
 </button>
 
-<button fab fab-center fab-bottom>
+<button fab fab-center fab-bottom primary>
   <icon add></icon>
 </button>
 

ionic/components/button/test/outline/main.html

@@ -10,6 +10,11 @@
     <button outline class="activated">Default.activated</button>
   </p>
 
+  <p>
+    <button outline primary>Primary</button>
+    <button outline primary class="activated">Primary.activated</button>
+  </p>
+
   <p>
     <button outline secondary>Secondary</button>
     <button outline secondary class="activated">Secondary.activated</button>