Add base UI for account management

resources/assets/styles/components/buttons.css

@@ -12,6 +12,14 @@
     }
   }
 
+  &.btn-secondary {
+    @apply .border .border-grey-light .text-grey-dark;
+
+    &:hover:enabled {
+      @apply .border-grey .text-grey-darker;
+    }
+  }
+
   /**
    * Button Sizes
    */
@@ -19,6 +27,10 @@
     @apply .p-4 .w-full .uppercase .tracking-wide .text-sm;
   }
 
+  &.btn-sm {
+    @apply .px-6 .py-3 .uppercase .tracking-wide .text-sm;
+  }
+
   &:disabled, &.disabled {
     opacity: 0.55;
     cursor: default;

resources/assets/styles/components/forms.css

@@ -30,3 +30,24 @@
     top: 14px;
     transition: transform 200ms ease-out;
 }
+
+.input {
+    @apply .appearance-none .p-3 .rounded .border .text-grey-darker .w-full;
+    transition: all 100ms linear;
+
+    &:focus {
+        @apply .border-blue-light;
+    }
+
+    &:required, &:invalid {
+        box-shadow: none;
+    }
+}
+
+.input-label {
+    @apply .block .uppercase .tracking-wide .text-grey-darkest .text-xs .font-bold .mb-1;
+}
+
+.input-help {
+    @apply .text-xs .text-grey .pt-2;
+}