WIP

1 files changed, 9 insertions, 13 deletions

diff --git a/src/css/imports/_forms.css b/src/css/imports/_forms.css
index 12ee7c6..3d7cab3 100755
--- a/src/css/imports/_forms.css
+++ b/src/css/imports/_forms.css
@@ -1,9 +1,3 @@
-/*
-
-   FORMS
-
-*/
-
 fieldset
 {
   position: relative;
@@ -24,9 +18,10 @@ input, textarea {
   background-color: var(--grey-2);
   border-radius: var(--border-radius);
   padding: 12px 16px 10px;
-  font-size: 1rem;
+  font-size: var(--spacing-medium);
   line-height: 1.25;
   position: relative;
+  transition: var(--hover-transition);
   z-index: 2;
   &:focus {
     background-color: var(--white);
@@ -40,25 +35,25 @@ input, textarea {
 
 ::-webkit-input-placeholder {
    color: var(--black);
-   font-size: 1rem;
+   font-size: var(--spacing-medium);
    line-height: normal;
 }
 
 :-moz-placeholder {
    color: var(--black);
-   font-size: 1rem;
+   font-size: var(--spacing-medium);
    line-height: normal;
 }
 
 ::-moz-placeholder {
    color: var(--black);
-   font-size: 1rem;
+   font-size: var(--spacing-medium);
    line-height: normal;
 }
 
 :-ms-input-placeholder {
    color: var(--black);
-   font-size: 1rem;
+   font-size: var(--spacing-medium);
    line-height: normal;
 }
 
@@ -68,10 +63,11 @@ label
   font-weight: 800;
   color: var(--primary);
   background-color: var(--grey-2);
-  border-radius: .25rem;
-  padding: .25rem .5rem;
+  border-radius: var(--border-radius);
+  padding: var(--spacing-extra-small) var(--spacing-small);
   position: absolute;
   left: 0;
+  top: 0;
   pointer-events: none;
   opacity: 0;
   line-height: 1;