material.css in material_design_lite-rails-1.1.3

- old
+ new

@@ -1,8 +1,8 @@
 /**
  * material-design-lite - Material Design Components in CSS, JS and HTML
- * @version v1.1.2
+ * @version v1.1.3
  * @license Apache-2.0
  * @copyright 2015 Google, Inc.
  * @link https://github.com/google/material-design-lite
  */
 @charset "UTF-8";
@@ -8470,12 +8470,12 @@
   -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
           justify-content: space-between;
   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
   will-change: transform;
-  -webkit-transform: translate(-50%, 80px);
-          transform: translate(-50%, 80px);
+  -webkit-transform: translate(0, 80px);
+          transform: translate(0, 80px);
   transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
   transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
   transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
   pointer-events: none; }
   @media (max-width: 479px) {
@@ -8486,17 +8486,23 @@
       max-height: 80px; } }
   @media (min-width: 480px) {
     .mdl-snackbar {
       min-width: 288px;
       max-width: 568px;
-      border-radius: 2px; } }
+      border-radius: 2px;
+      -webkit-transform: translate(-50%, 80px);
+              transform: translate(-50%, 80px); } }
   .mdl-snackbar--active {
-    -webkit-transform: translate(-50%, 0);
-            transform: translate(-50%, 0);
+    -webkit-transform: translate(0, 0);
+            transform: translate(0, 0);
     pointer-events: auto;
     transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
     transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
     transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1); }
+    @media (min-width: 480px) {
+      .mdl-snackbar--active {
+        -webkit-transform: translate(-50%, 0);
+                transform: translate(-50%, 0); } }
   .mdl-snackbar__text {
     padding: 14px 12px 14px 24px;
     vertical-align: middle;
     color: white;
     float: left; }