fix(styles): missing placeholder styles for Firefox and other browsers

sparanoid · Mar 1, 2016 · 784112b · 784112b
1 parent 057fbe2
commit 784112b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/_app/_posts/note/2014-06-05-markup-example.md b/_app/_posts/note/2014-06-05-markup-example.md
@@ -114,3 +114,9 @@ Careful Skippy, you really aren’t as convincing as you think you are.
 ##### H5 Heading
 ###### H6 Heading
 ```
+
+## Newsletters Signup Form
+
+<form action="http://email.sparanoid.com/t/j/s/uykhir/" method="post">
+  <input name="cm-uykhir-uykhir" type="email" placeholder="Your Email" required>
+</form>
diff --git a/_app/assets/themes/curtana/_less/reset.less b/_app/assets/themes/curtana/_less/reset.less
@@ -106,7 +106,11 @@ del {
   background: fade(@link-color, 10%);
 }
 
-::-webkit-input-placeholder {
+::placeholder {
   color: @text-color;
-  opacity: .1;
+  opacity: .2;
+
+  :focus& {
+    color: @link-color;
+  }
 }