make Clay work with phone apps

2026-09-02 23:27:38 -04:00 · 2016-02-09 17:21:16 -08:00
parent d6caa1527b
commit 41334698bd
38 changed files with 655 additions and 61 deletions
@@ -0,0 +1,41 @@
+@import "clay";
+
+.component-input {
+
+  display: block;
+
+  .label {
+    padding-bottom: $item-spacing-v;
+  }
+
+  .input {
+    position: relative;
+    min-width: 100%;
+    margin-top: $item-spacing-v;
+    margin-left: 0;
+  }
+
+  input {
+    display:block;
+    width: 100%;
+    background: $color-gray-2;
+    border-radius: $border-radius;
+    padding: $item-spacing-v / 2 $item-spacing-h / 2;
+    border: none;
+    vertical-align: baseline;
+    color: $color-white;
+    font-size: inherit;
+
+    @include placeholder {
+      color: $color-gray-8;
+    }
+
+    &:focus {
+      @include placeholder {
+        color: $color-gray-6;
+      }
+      border: none;
+      box-shadow: none ;
+    }
+  }
+}