(html,css) Use fab button on login page

2026-05-21 19:35:38 +00:00 · 2016-08-01 11:54:03 -04:00
parent 54318a2432
commit 0ec79e0411
2 changed files with 34 additions and 18 deletions
@@ -8,8 +8,24 @@ $sg-login-width: grid-step(5);
    margin: auto;
    overflow: hidden;

-    .sg-logo img {
-      width: grid-step(5);
+    .sg-logo {
+      // Center image
+      margin: auto;
+      img {
+        height: 100%;
+        width: grid-step(5);
+      }
+    }
+
+    // Overwrite Chrome autofill yellow background
+    @-webkit-keyframes autofill {
+      to {
+        background: transparent;
+      }
+    }
+    input:-webkit-autofill {
+      -webkit-animation-name: autofill;
+      -webkit-animation-fill-mode: both;
    }

    /**
@@ -21,8 +37,6 @@ $sg-login-width: grid-step(5);
        min-height: 100%;
      }
      .sg-logo {
-        // Center content
-        margin: auto;
        img {
          margin: auto;
          height: 100%;