@angular2-material/core - npm Package Compare versions

Comparing version 2.0.0-alpha.8-experimental2 to 2.0.0-alpha.8-experimental3

package.json

 {
   "name": "@angular2-material/core",
-  "version": "2.0.0-alpha.8-experimental2",
+  "version": "2.0.0-alpha.8-experimental3",
   "description": "Angular 2 Material core",
@@ -5,0 +5,0 @@ "main": "./core.umd.js",

style/_button-common.scss

 // Mixin overriding default button styles like the gray background, the border, and the outline.
 @mixin md-button-reset {
-  background: transparent;
   cursor: pointer;
@@ -5,0 +4,0 @@ user-select: none;

theming/prebuilt/deeppurple-amber.css

@@ -168,23 +168,19 @@ .md-elevation-z0 {
 
-[md-button].md-primary, [md-icon-button].md-primary {
-  color: #673ab7; }
+[md-button], [md-icon-button] {
+  background: transparent; }
+  [md-button].md-primary, [md-icon-button].md-primary {
+    color: #673ab7; }
+  [md-button].md-accent, [md-icon-button].md-accent {
+    color: #ffd740; }
+  [md-button].md-warn, [md-icon-button].md-warn {
+    color: #f44336; }
+  [md-button].md-primary[disabled], [md-button].md-accent[disabled], [md-button].md-warn[disabled], [md-button][disabled][disabled], [md-icon-button].md-primary[disabled], [md-icon-button].md-accent[disabled], [md-icon-button].md-warn[disabled], [md-icon-button][disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+  [md-button]:hover.md-primary::after, [md-icon-button]:hover.md-primary::after {
+    background-color: rgba(103, 58, 183, 0.12); }
+  [md-button]:hover.md-accent::after, [md-icon-button]:hover.md-accent::after {
+    background-color: rgba(255, 215, 64, 0.12); }
+  [md-button]:hover.md-warn::after, [md-icon-button]:hover.md-warn::after {
+    background-color: rgba(244, 67, 54, 0.12); }
 
-[md-button].md-accent, [md-icon-button].md-accent {
-  color: #ffd740; }
-
-[md-button].md-warn, [md-icon-button].md-warn {
-  color: #f44336; }
-
-[md-button].md-primary[disabled], [md-button].md-accent[disabled], [md-button].md-warn[disabled], [md-button][disabled][disabled], [md-icon-button].md-primary[disabled], [md-icon-button].md-accent[disabled], [md-icon-button].md-warn[disabled], [md-icon-button][disabled][disabled] {
-  color: rgba(0, 0, 0, 0.38); }
-
-[md-button]:hover.md-primary::after, [md-icon-button]:hover.md-primary::after {
-  background-color: rgba(103, 58, 183, 0.12); }
-
-[md-button]:hover.md-accent::after, [md-icon-button]:hover.md-accent::after {
-  background-color: rgba(255, 215, 64, 0.12); }
-
-[md-button]:hover.md-warn::after, [md-icon-button]:hover.md-warn::after {
-  background-color: rgba(244, 67, 54, 0.12); }
-
 [md-raised-button], [md-fab], [md-mini-fab] {
@@ -291,2 +287,3 @@ background-color: #fafafa; }
 [md-menu-item] {
+  background: transparent;
   color: rgba(0, 0, 0, 0.87); }
@@ -293,0 +290,0 @@ [md-menu-item][disabled] {

theming/prebuilt/indigo-pink.css

@@ -168,23 +168,19 @@ .md-elevation-z0 {
 
-[md-button].md-primary, [md-icon-button].md-primary {
-  color: #3f51b5; }
+[md-button], [md-icon-button] {
+  background: transparent; }
+  [md-button].md-primary, [md-icon-button].md-primary {
+    color: #3f51b5; }
+  [md-button].md-accent, [md-icon-button].md-accent {
+    color: #ff4081; }
+  [md-button].md-warn, [md-icon-button].md-warn {
+    color: #f44336; }
+  [md-button].md-primary[disabled], [md-button].md-accent[disabled], [md-button].md-warn[disabled], [md-button][disabled][disabled], [md-icon-button].md-primary[disabled], [md-icon-button].md-accent[disabled], [md-icon-button].md-warn[disabled], [md-icon-button][disabled][disabled] {
+    color: rgba(0, 0, 0, 0.38); }
+  [md-button]:hover.md-primary::after, [md-icon-button]:hover.md-primary::after {
+    background-color: rgba(63, 81, 181, 0.12); }
+  [md-button]:hover.md-accent::after, [md-icon-button]:hover.md-accent::after {
+    background-color: rgba(255, 64, 129, 0.12); }
+  [md-button]:hover.md-warn::after, [md-icon-button]:hover.md-warn::after {
+    background-color: rgba(244, 67, 54, 0.12); }
 
-[md-button].md-accent, [md-icon-button].md-accent {
-  color: #ff4081; }
-
-[md-button].md-warn, [md-icon-button].md-warn {
-  color: #f44336; }
-
-[md-button].md-primary[disabled], [md-button].md-accent[disabled], [md-button].md-warn[disabled], [md-button][disabled][disabled], [md-icon-button].md-primary[disabled], [md-icon-button].md-accent[disabled], [md-icon-button].md-warn[disabled], [md-icon-button][disabled][disabled] {
-  color: rgba(0, 0, 0, 0.38); }
-
-[md-button]:hover.md-primary::after, [md-icon-button]:hover.md-primary::after {
-  background-color: rgba(63, 81, 181, 0.12); }
-
-[md-button]:hover.md-accent::after, [md-icon-button]:hover.md-accent::after {
-  background-color: rgba(255, 64, 129, 0.12); }
-
-[md-button]:hover.md-warn::after, [md-icon-button]:hover.md-warn::after {
-  background-color: rgba(244, 67, 54, 0.12); }
-
 [md-raised-button], [md-fab], [md-mini-fab] {
@@ -291,2 +287,3 @@ background-color: #fafafa; }
 [md-menu-item] {
+  background: transparent;
   color: rgba(0, 0, 0, 0.87); }
@@ -293,0 +290,0 @@ [md-menu-item][disabled] {

theming/prebuilt/purple-green.css

@@ -168,23 +168,19 @@ .md-elevation-z0 {
 
-[md-button].md-primary, [md-icon-button].md-primary {
-  color: #7b1fa2; }
+[md-button], [md-icon-button] {
+  background: transparent; }
+  [md-button].md-primary, [md-icon-button].md-primary {
+    color: #7b1fa2; }
+  [md-button].md-accent, [md-icon-button].md-accent {
+    color: #69f0ae; }
+  [md-button].md-warn, [md-icon-button].md-warn {
+    color: #f44336; }
+  [md-button].md-primary[disabled], [md-button].md-accent[disabled], [md-button].md-warn[disabled], [md-button][disabled][disabled], [md-icon-button].md-primary[disabled], [md-icon-button].md-accent[disabled], [md-icon-button].md-warn[disabled], [md-icon-button][disabled][disabled] {
+    color: rgba(255, 255, 255, 0.3); }
+  [md-button]:hover.md-primary::after, [md-icon-button]:hover.md-primary::after {
+    background-color: rgba(123, 31, 162, 0.12); }
+  [md-button]:hover.md-accent::after, [md-icon-button]:hover.md-accent::after {
+    background-color: rgba(105, 240, 174, 0.12); }
+  [md-button]:hover.md-warn::after, [md-icon-button]:hover.md-warn::after {
+    background-color: rgba(244, 67, 54, 0.12); }
 
-[md-button].md-accent, [md-icon-button].md-accent {
-  color: #69f0ae; }
-
-[md-button].md-warn, [md-icon-button].md-warn {
-  color: #f44336; }
-
-[md-button].md-primary[disabled], [md-button].md-accent[disabled], [md-button].md-warn[disabled], [md-button][disabled][disabled], [md-icon-button].md-primary[disabled], [md-icon-button].md-accent[disabled], [md-icon-button].md-warn[disabled], [md-icon-button][disabled][disabled] {
-  color: rgba(255, 255, 255, 0.3); }
-
-[md-button]:hover.md-primary::after, [md-icon-button]:hover.md-primary::after {
-  background-color: rgba(123, 31, 162, 0.12); }
-
-[md-button]:hover.md-accent::after, [md-icon-button]:hover.md-accent::after {
-  background-color: rgba(105, 240, 174, 0.12); }
-
-[md-button]:hover.md-warn::after, [md-icon-button]:hover.md-warn::after {
-  background-color: rgba(244, 67, 54, 0.12); }
-
 [md-raised-button], [md-fab], [md-mini-fab] {
@@ -291,2 +287,3 @@ background-color: #303030; }
 [md-menu-item] {
+  background: transparent;
   color: white; }
@@ -293,0 +290,0 @@ [md-menu-item][disabled] {

No alert changes

Improved metrics

Total package byte prevSize

651272

0.12%

Lines of code

5548

0.16%

No dependency changes