rebuild - address lookup

FundingCircle · May 21, 2015 · f8a4b7e · f8a4b7e
1 parent f3de69d
commit f8a4b7e
Show file tree

Hide file tree

Showing 8 changed files with 83 additions and 3 deletions.
diff --git a/dist/fonts/fc-icons.eot b/dist/fonts/fc-icons.eot
diff --git a/dist/fonts/fc-icons.ttf b/dist/fonts/fc-icons.ttf
diff --git a/dist/fonts/fc-icons.woff b/dist/fonts/fc-icons.woff
diff --git a/dist/sass/_variables/breakpoints.scss b/dist/sass/_variables/breakpoints.scss
@@ -57,7 +57,13 @@ $bpTabletPortrait: 768;
 
 $bpTabletLandscape: 800;
 
+// $bpTabletLandscape
+//
+// Wide tablet in landscape mode
+//
+// Styleguide 2.5
 
+$bpTabletLandscapeWide: 980;
 
 // $bpDesktop
 //

diff --git a/dist/sass/general/address-lookup.scss b/dist/sass/general/address-lookup.scss
@@ -0,0 +1,36 @@
+.address-lookup {
+  &_search {
+
+    position: relative;
+    margin-bottom: rem(1);
+
+    div {
+      float: left;
+      margin-right: rem(1);
+    }
+  }
+
+  &_postcode {
+    padding-top: 0;
+    width: 30%;
+  }
+
+  &_button {
+    padding-top: rem(1.7);
+
+    button {
+      margin-bottom: 0;
+    }
+  }
+
+  &_manual {
+    margin-right: 0;
+    padding-top: rem(2);
+    line-height: rem(2.4);
+
+    @include breakPoints(false, $bpTabletLandscapeWide) {
+      padding-top: 0;
+      width: 100%;
+    }
+  }
+}
diff --git a/dist/sass/general/forms-v2.scss b/dist/sass/general/forms-v2.scss
@@ -134,7 +134,8 @@
     margin-bottom: 0;
   }
 
-  label {
+  label,
+  legend {
     display: block;
     font-weight: 300;
     margin-bottom: rem(0.5);
@@ -146,6 +147,11 @@
     }
   }
 
+  fieldset {
+    padding: 0;
+    margin: 0;
+  }
+
   p {
     font-weight: 300;
   }
@@ -724,6 +730,7 @@
     &--right { @extend %posRight; }
     &--bottom { @extend %posBottom; }
     &--top { @extend %posTop; }
+    &--inline { float: left; margin-right: rem(1); }
   }
 
   &-checkbox input:focus ~ label .ui-checkbox:after,

diff --git a/dist/sass/style.scss b/dist/sass/style.scss
@@ -491,6 +491,9 @@ $ie: false!default;
 // hero images
 @import './general/hero';
 
+// address lookup
+@import './general/address-lookup';
+
 
 /* ---------------------------------------------------------------------- *\
   DYNAMIC LOADERS

diff --git a/dist/style.css b/dist/style.css
@@ -1749,14 +1749,17 @@ form h3 {
     float: right; }
   .form-default .btn--primary:last-child, .form-default .btn--t1:last-child {
     margin-bottom: 0; }
-  .form-default label {
+  .form-default label, .form-default legend {
     display: block;
     font-weight: 300;
     margin-bottom: 8px; }
-    .form-default label.required:after {
+    .form-default label.required:after, .form-default legend.required:after {
       content: '*';
       color: #3a77c1;
       padding-left: 0.3em; }
+  .form-default fieldset {
+    padding: 0;
+    margin: 0; }
   .form-default p, .form-default .tooltip_text {
     font-weight: 300; }
   .form-default_wrap {
@@ -2154,6 +2157,9 @@ form h3 {
       content: '';
       background: white;
       border: 1px solid #dddddd; }
+  .form-radio--inline, .form-checkbox--inline {
+    float: left;
+    margin-right: 16px; }
 .form-checkbox input:focus ~ label .ui-checkbox:after, .form-radio input:focus ~ label .ui-radio:after {
   border-color: #37b0c9; }
 .form-radio label .ui-radio:before, .form-radio label .ui-radio:after {
@@ -2395,6 +2401,28 @@ form h3 {
         max-width: 30%;
         float: right; } }
 
+.address-lookup_search {
+  position: relative;
+  margin-bottom: 16px; }
+  .address-lookup_search div {
+    float: left;
+    margin-right: 16px; }
+.address-lookup_postcode {
+  padding-top: 0;
+  width: 30%; }
+.address-lookup_button {
+  padding-top: 27.2px; }
+  .address-lookup_button button {
+    margin-bottom: 0; }
+.address-lookup_manual {
+  margin-right: 0;
+  padding-top: 32px;
+  line-height: 38.4px; }
+  @media only screen and (max-width: 979px) {
+    .address-lookup_manual {
+      padding-top: 0;
+      width: 100%; } }
+
 /* ---------------------------------------------------------------------- *\
   DYNAMIC LOADERS
   - transitions for elements fetched with AJAX