From f8a4b7e37bd61d2fb6e245d4e67b58feb8d0f591 Mon Sep 17 00:00:00 2001 From: Razvan Spatariu Date: Thu, 21 May 2015 16:04:30 +0100 Subject: [PATCH] rebuild - address lookup --- dist/fonts/fc-icons.eot | Bin 3288 -> 3288 bytes dist/fonts/fc-icons.ttf | Bin 3120 -> 3120 bytes dist/fonts/fc-icons.woff | Bin 2056 -> 2056 bytes dist/sass/_variables/breakpoints.scss | 6 +++++ dist/sass/general/address-lookup.scss | 36 ++++++++++++++++++++++++++ dist/sass/general/forms-v2.scss | 9 ++++++- dist/sass/style.scss | 3 +++ dist/style.css | 32 +++++++++++++++++++++-- 8 files changed, 83 insertions(+), 3 deletions(-) create mode 100644 dist/sass/general/address-lookup.scss diff --git a/dist/fonts/fc-icons.eot b/dist/fonts/fc-icons.eot index cc66e95676550a5d53ef07b46deb3bddf05a34af..5a001969c733993523be079b98e71599b64a14a9 100644 GIT binary patch delta 53 zcmca1c|&r74fE+GyC&MNVwUVYKJm>|>0L`s$Mf5KW#DG~!T{k1Z}XLboAC<+5L|3ZF@e#W=P=rE0{}ct B6B_^k diff --git a/dist/fonts/fc-icons.ttf b/dist/fonts/fc-icons.ttf index 999f69ba39b195dd8af581eb382e61d2e6cb0702..1699cffe86da58b74bc1c149006640eff9b16bab 100644 GIT binary patch delta 45 ucmdlWu|Z;jBeP`Z@rf=|rFShk9nWv`m4Tb_3j+{bY+h0bqc?uB;RXPP`4HIv delta 45 tcmdlWu|Z;jBeOWC??jiW()*Y0kLS1f%D~O|g#idIHl>)r=#5`&xB*!L4%+|# diff --git a/dist/fonts/fc-icons.woff b/dist/fonts/fc-icons.woff index bef57bbfed37b129ae7a7d7df1945d2ad363a260..9a03e4ffee34c272c9794300e2f0aa5aeca194b8 100644 GIT binary patch delta 58 zcmV-A0LA}^5Qq?vc>@`V$FY1G1tz@;-O|g6$1t$BOZ^!f7d}ZKf`~nnVxY(3p0;B)`2P*jr7Uy7K Q0*L|ud1?(Wv%CdN0@S=0*Z=?k diff --git a/dist/sass/_variables/breakpoints.scss b/dist/sass/_variables/breakpoints.scss index e6d7c41..5938c56 100644 --- 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 new file mode 100644 index 0000000..322b3a0 --- /dev/null +++ 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 index 6c9c049..faf7dda 100644 --- 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 index 84fef83..a4e3644 100644 --- 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 index db75e7d..41d7672 100644 --- 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