- more placeholder styling

2018-05-29 22:55:27 -04:00
parent 12bd61a665
commit 680fcef12f
1 changed files with 14 additions and 4 deletions
--- a/src/pages/tell/tell.scss
+++ b/src/pages/tell/tell.scss
@@ -17,9 +17,16 @@ page-tell-your-story {

  ion-input, ion-textarea {

-    *::placeholder {
-      color: #94949D;
+    input, textarea {
      font-size: 0.8rem;
+
+      &::placeholder,
+      &::-webkit-input-placeholder,
+      &::-moz-placeholder,
+      &:-ms-input-placeholder,
+      &:-moz-placeholder {
+        color: #94949D;
+      }
    }
  }

@@ -35,7 +42,7 @@ page-tell-your-story {
      text-align: left;
      width: 9.8rem;

-      .icon {
+      ion-icon.icon {
        left: 50%;
        position: relative;
        transform: translate3d(-50%, 0, 0);
@@ -49,6 +56,9 @@ page-tell-your-story {

  .button.button-block {
    background-color: #fdb315;
-    color: #191b1c;
+
+    .button-inner {
+      color: #191b1c;
+    }
  }
 }