.button css updates

ionic/components/action-menu/action-menu.scss

@@ -58,7 +58,8 @@ $action-menu-options-border-color:      #d1d3d6 !default;
   z-index: $z-index-action-menu;
   overflow: hidden;
 
-  .button {
+  button,
+  [button] {
     display: block;
     padding: 1px;
     width: 100%;
@@ -80,7 +81,8 @@ $action-menu-options-border-color:      #d1d3d6 !default;
     }
   }
 
-  .button.active, .button.activated {
+  button.activated,
+  [button].activated {
     box-shadow: none;
     border-color: $action-menu-options-border-color;
     color: $action-menu-options-text-color;
@@ -106,10 +108,12 @@ $action-menu-options-border-color:      #d1d3d6 !default;
   background-color: #fff;
   overflow: hidden;
 
-  .button {
+  button,
+  [button] {
     border-width: 1px 0px 0px 0px;
   }
-  .button:first-child:last-child {
+  button:first-child:last-child,
+  [button]:first-child:last-child {
     border-width: 0;
   }
 }
@@ -119,7 +123,8 @@ $action-menu-options-border-color:      #d1d3d6 !default;
 }
 
 .action-menu-cancel {
-  .button {
+  button,
+  [button] {
     font-weight: 500;
   }
 }

ionic/components/action-menu/extensions/material.scss

@@ -1,5 +1,5 @@
 
-.platform-android {
+.action-menu-md {
 
   .action-menu-backdrop.active {
     background-color: rgba(0,0,0,0.2);
@@ -9,7 +9,8 @@
     margin: 0;
 
     .action-menu-title,
-    .button {
+    button,
+    [button] {
       text-align: left;
       border-color: transparent;
       font-size: 16px;
@@ -22,8 +23,8 @@
       color: #666;
     }
 
-    .button.active,
-    .button.activated {
+    button.activated,
+    [button].activated {
       background: #e8e8e8;
     }
   }
@@ -40,7 +41,8 @@
 
   .action-menu-has-icons {
 
-    .button {
+    button,
+    [button] {
       padding-left: 56px;
     }
 

ionic/components/alert/extensions/ios.scss

@@ -35,7 +35,8 @@ $alert-ios-button-font-size:         2rem !default;
   .alert-actions {
     min-height: 44px;
 
-    .button {
+    button,
+    [button] {
       flex: 1;
       border: 0;
       background: transparent;

ionic/components/alert/extensions/material.scss

@@ -33,7 +33,8 @@ $alert-material-box-shadow:               0px 27px 24px 0 rgba(0, 0, 0, 0.2) !de
     background: $alert-material-background-color;
     margin: $alert-material-content-margin;
 
-    .button {
+    button,
+    [button] {
       border: 0;
     }
   }

ionic/components/app/test/snapcat/main.html

@@ -85,7 +85,7 @@
   ion-toolbar {
     letter-spacing: 1px;
   }
-  .platform-ios ion-toolbar .button i {
+  .platform-ios ion-toolbar button i {
     color: #fff !important;
     font-size: 24px !important;
   }
@@ -122,13 +122,13 @@
     font-size: 18px;
   }
 
-  heart-modal .button-icon {
+  heart-modal icon {
     position: absolute;
     top: 13px;
     left: 0px;
   }
 
-  heart-modal .button-icon i {
+  heart-modal icon i {
     font-size: 18px;
     color: #fff;
   }

ionic/components/app/util.scss

@@ -63,7 +63,8 @@ $content-padding:    10px !default;
     outline: thin dotted;
   }
 
-  .button:focus {
+  button:focus,
+  [button]:focus {
     outline-offset: -2px;
     outline: 2px solid red;
   }

ionic/components/nav-bar/extensions/ios.scss

@@ -57,7 +57,8 @@ $navbar-ios-button-background-color:       transparent !default;
     overflow: inherit;
   }
 
-  .button {
+  button,
+  [button] {
     font-size: $navbar-ios-button-font-size;
     color: $navbar-ios-button-text-color;
     border: none;
@@ -68,7 +69,7 @@ $navbar-ios-button-background-color:       transparent !default;
     background: $navbar-ios-button-background-color;
   }
 
-  .button-icon {
+  [icon] {
     font-size: 2.5rem;
   }
 

ionic/components/nav-bar/extensions/material.scss

@@ -18,7 +18,8 @@ $navbar-material-button-text-color:       #007aff !default;
     font-size: $navbar-material-title-font-size;
   }
 
-  .button {
+  button,
+  [button] {
     font-size: $navbar-material-button-font-size;
     color: $navbar-material-button-text-color;
     border: none;

ionic/components/nav-bar/nav-bar.scss

@@ -82,7 +82,8 @@ ion-title {
   order: map-get($navbar-order, 'secondary');
 }
 
-.navbar .button {
+.navbar button,
+.navbar [button] {
   background: transparent;
   border: none;
 }

ionic/components/segment/extensions/ios.scss

@@ -2,7 +2,8 @@
 
   .ion-segment {
 
-    > .button {
+    > button,
+    > [button] {
       border-width: 1px;
 
       transition: 100ms all linear;

ionic/components/segment/segment.scss

@@ -5,7 +5,8 @@ ion-segment { display: block; }
   flex: 1;
   width: 100%;
 
-  > .button {
+  > button,
+  > [button] {
 
     flex: 1;
     display: block;

ionic/components/toolbar/extensions/ios.scss

@@ -50,7 +50,8 @@ $toolbar-ios-button-background-color:       transparent !default;
     font-weight: 500;
   }
 
-  .button {
+  button,
+  [button] {
     font-size: $toolbar-ios-button-font-size;
     color: $toolbar-ios-button-text-color;
     border: none;

ionic/components/toolbar/toolbar.scss

@@ -50,7 +50,8 @@ ion-toolbar ion-title {
   text-overflow: ellipsis;
 }
 
-.toolbar .button {
+.toolbar button,
+.toolbar [button] {
   background: transparent;
   border: none;
 }