From 478259a5d2b77617aeb98216506825ce46c24d1d Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Tue, 11 Dec 2018 10:22:09 -0500
Subject: [PATCH] placeholder text goes away when instructions, credits clicked

---
 src/views/preview/preview.scss | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss
index 7b76dfc98..6e5bd647e 100644
--- a/src/views/preview/preview.scss
+++ b/src/views/preview/preview.scss
@@ -469,8 +469,40 @@ $stage-width: 480px;
             display: flex;
             flex: 1;
         }
+
+        ::-webkit-input-placeholder { /* Chrome <=56, Safari < 10 */
+            transition: opacity .25s;
+            opacity: 1;
+            -webkit-transition: opacity .25s;
+        }
+        :-moz-placeholder { /* FF 4-18 */
+            transition: opacity .25s;
+            opacity: 1;
+            -moz-transition: opacity .25s;
+        }
+        ::-moz-placeholder { /* FF 19-51 */
+            transition: opacity .25s;
+            opacity: 1;
+            -moz-transition: opacity .25s;
+        }
+        :-ms-input-placeholder { /* IE 10+ */
+            transition: opacity .25s;
+            opacity: 1;
+            -ms-transition: opacity .25s;
+        }
+        ::placeholder { /* Modern Browsers */
+            transition: opacity .25s;
+            opacity: 1;
+        }
+
+        *:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
+        *:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
+        *:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
+        *:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
+        *:focus::placeholder { opacity: 0; } /* Modern Browsers */
     }
 
+
     .comments-header {
         padding: 0 0 1rem 0;
         justify-content: space-between;