1<!DOCTYPE html> 2<html class="no-js flexNav-no-js" lang="en"> 3 <head> 4 <title>Overview | Spatial Affairs Bureau</title> 5 <meta name="description" content=" Spatial Affairs Bureau is an award-winning international architecture, interior design and urban strategy firm based in the United..."> 6 <meta charset="utf-8"> 7<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- user/templates/default_site/_variables --> 9<meta name="google-site-verification" content="j7iDHP4dEtopRUTNC7w4Jn69tZIaK_FfoKzv6DwsFcw" /> 10 11<link href="/dist/css/combined.css" rel="stylesheet" type="text/css"> 12<link rel="stylesheet" type="text/css" href="https://cloud.typography.com/6835118/7871432/css/fonts.css" /> 13 14 15 16 17 18<style> 19 a, 20 a:hover, a:focus, 21 a:hover p, a:focus p, 22 a:hover h6, a:focus h6, 23 a:hover span.accordian__more, a:focus span.accordian__more {color: #86A4A8; } 24 .sm-screen .flexNav-nav .sub-menu li:hover, 25 .sm-screen .flexNav-nav .sub-menu-no-tog li:hover { 26 background-color: #86A4A8; 27 } 28 .flexNav-nav .top-level > a:hover {color: #86A4A8;} 29 #nav li.soc a:hover svg.icon {fill: #86A4A8;} 30 31 32 33 .flexNav-nav .top-level > a { color: #FFAAAA;} 34 .search input[placeholder="*"] { color: #FFAAAA; } 35 ::-webkit-input-placeholder { color: #FFAAAA; } 36 :-moz-placeholder { color: #FFAAAA; } 37 ::-moz-placeholder { color: #FFAAAA; } 38 :-ms-input-placeholder { color: #FFAAAA; } 39 .search .icon-search {fill: #FFAAAA; } 40 #nav li.soc svg.icon {fill: #FFAAAA; } 41 42 43 44 .sub-menu a, 45 .sub-menu a:hover, 46 .sub-menu-no-tog a:hover, 47 .sub-menu a:focus,
48 .sub-menu-no-tog a, 49 .sub-menu-no-tog a:focus { color: #090849; } 50 51 52 .wrapper-nav { background-color: rgba(255,255,255,1); } 53 #nav ul .item-with-ul ul { background-color: #FFAAAA; opacity: .9; } 54 /* 55 .sm-screen #nav ul .sub-menu, 56 .sm-screen #nav ul .sub-menu-no-tog { background-color: #FFAAAA; } 57 */ 58</style> 59 60 </head> 61 <body> 62 <svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 63 <defs> 64 <symbol id="icon-menu" viewBox="0 0 24 24"> 65 <title>Menu</title> 66 <g transform="matrix(1,0,0,1,0,-1)"> 67 <path d="M3,7L21,7L21,8.016L3,8.016L3,7ZM3,12.984L3,12.015L21,12.015L21,12.984L3,12.984ZM3,18L3,16.984L21,16.984L21,18L3,18Z"/> 68 </g> 69 </symbol> 70 <symbol id="icon-arrow-down" viewBox="0 0 24 24"> 71 <title>arrow-down</title> 72 <path d="M17.52 7.201l-11.040-0.001 5.52 9.6z" /> 73 </symbol> 74 <symbol id="icon-arrow-left" viewBox="0 0 20 20"> 75 <title>Previous image</title> 76 <g id="triangle" transform="matrix(7.43536e-17,-1.21429,1.18182,7.23655e-17,-4.09091,25.7857)"> 77 <path d="M13,6L20,17L6,17L13,6Z" style="fill:none;"/> 78 </g> 79 <g id="outline" transform="matrix(6.12323e-17,-1,1,6.12323e-17,-2,23)"> 80 <path d="M13,6L20,17L6,17L13,6ZM13,7.863L7.822,16L18.178,16L13,7.863Z"/> 81 </g> 82 </symbol> 83 <symbol id="icon-arrow-right" viewBox="0 0 20 20"> 84 <title>Next image</title> 85 <g id="triangle" transform="matrix(7.43536e-17,1.21429,-1.18182,7.23655e-17,24.0909,-5.78571)"> 86 <path d="M13,6L20,17L6,17L13,6Z" style="fill:none;"/> 87 </g> 88 <g id="outline" transform="matrix(6.12323e-17,1,-1,6.12323e-17,22,-3)"> 89 <path d="M13,6L20,17L6,17L13,6ZM18.178,16L13,7.863L7.822,16L18.178,16Z"/> 90 </g> 91 </symbol> 92 <symbol id="icon-close" viewBox="0 0 18 18"> 93 <title>Close</title> 94 <g transform="matrix(0.868447,0.868447,-0.707107,0.707107,6.06453,-6.30656)"> 95 <rect x="0.537" y="8.259" width="19.952" height="0.978" fill="#9b9b9b"/> 96 </g> 97 <g transform="matrix(0.868447,-0.868447,0.707107,0.707107,-6.30656,11.9537)"> 98 <rect x="0.537" y="8.259" width="19.952" height="0.978" fill="#9b9b9b"/> 99 </g> 100 </symbol> 101 <symbol id="icon-expand" viewBox="0 0 16 16"> 102 <title>Expand</title> 103 <path d="M16 0v6l-2.16-2.16-3.313 3.313-1.679-1.679 3.313-3.313-2.16-2.16zM3.84 2.16l3.313 3.313-1.679 1.679-3.313-3.313-2.16 2.16v-6h6zM13.84 12.16l2.16-2.16v6h-6l2.16-2.16-3.313-3.313 1.679-1.679zM7.152 10.527l-3.313 3.313 2.16 2.16h-6v-6l2.16 2.16 3.313-3.313z" fill="#b1b1b1" /> 104 </symbol> 105 <symbol id="icon-file-pdf" viewBox="0 0 20 20"> 106 <title>PDF File</title> 107 <g id="symbol" transform="matrix(0.749919,0,0,0.749919,1.0061,1.87134)"> 108 <path d="M19.735,13.816C19.415,13.501 18.706,13.334 17.626,13.32C16.895,13.312 16.016,13.376 15.091,13.506C14.677,13.267 14.25,13.007 13.915,12.694C13.014,11.852 12.261,10.684 11.792,9.399C11.823,9.279 11.849,9.174 11.873,9.066C11.873,9.066 12.381,6.182 12.246,5.207C12.227,5.073 12.216,5.034 12.18,4.931L12.136,4.818C11.998,4.499 11.727,4.162 11.302,4.18L11.046,4.172C10.573,4.172 10.187,4.414 10.085,4.776C9.777,5.911 10.095,7.609 10.671,9.809L10.524,10.167C10.112,11.172 9.595,12.184 9.139,13.077L9.08,13.193C8.6,14.131 8.165,14.928 7.771,15.603L7.364,15.818C7.334,15.834 6.636,16.203 6.473,16.302C5.084,17.131 4.164,18.072 4.011,18.82C3.962,19.058 3.999,19.363 4.246,19.505L4.64,19.703C4.811,19.789 4.991,19.832 5.176,19.832C6.165,19.832 7.314,18.6 8.895,15.839C10.721,15.244 12.801,14.75 14.623,14.478C16.012,15.26 17.72,15.803 18.798,15.803C18.989,15.803 19.155,15.785 19.289,15.749C19.496,15.694 19.67,15.576 19.776,15.416C19.985,15.101 20.028,14.668 19.971,14.224C19.954,14.092 19.849,13.929 19.735,13.818L19.735,13.816ZM4.96,19.079C5.14,18.586 5.854,17.611 6.91,16.746C6.976,16.692 7.14,16.539 7.29,16.397C6.186,18.158 5.447,18.859 4.96,19.08L4.96,19.079ZM11.213,4.68C11.531,4.68 11.712,5.481 11.727,6.233C11.742,6.984 11.566,7.512 11.348,7.902C11.167,7.324 11.08,6.414 11.08,5.818C11.08,5.818 11.067,4.68 11.213,4.68ZM9.348,14.941C9.569,14.545 9.8,14.126 10.035,13.683C10.609,12.597 10.972,11.748 11.242,11.05C11.779,12.027 12.448,12.857 13.234,13.523C13.332,13.606 13.436,13.689 13.545,13.773C11.946,14.089 10.565,14.474 9.348,14.942L9.348,14.941ZM19.427,14.851C19.33,14.912 19.051,14.947 18.871,14.947C18.292,14.947 17.576,14.682 16.571,14.252C16.957,14.223 17.311,14.209 17.628,14.209C18.209,14.209 18.381,14.206 18.949,14.351C19.517,14.496 19.524,14.79 19.427,14.851Z"/> 109 </g> 110 <path id="frame" d="M2,0L12.996,-0.001L17.992,5.011L18.006,20.002L2,20L2,0ZM12,6L12,0.981L2.972,0.981L2.972,19L17,19L17,6L12,6ZM12.994,1.514L13,5L16.536,5.012L12.994,1.514Z"/> 111 </symbol> 112 <symbol id="icon-search" viewBox="0 0 18 18"> 113 <title>Search</title> 114 <g transform="matrix(0.919185,0,0,0.919339,-0.260688,-11.9243)"> 115 <path d="M17.512,29.417L12.726,24.629C13.819,23.35 14.42,21.721 14.42,20.039C14.42,16.161 11.229,12.971 7.352,12.971C3.474,12.971 0.284,16.161 0.284,20.039C0.284,23.916 3.474,27.107 7.352,27.107C9.037,27.107 10.669,26.503 11.949,25.407L16.734,30.195C16.838,30.309 16.986,30.374 17.14,30.374C17.442,30.374 17.69,30.126 17.69,29.824C17.69,29.67 17.625,29.522
11517.511,29.418L17.512,29.417ZM1.427,20.054C1.431,16.795 4.114,14.116 7.373,14.116C10.635,14.116 13.319,16.8 13.319,20.062C13.319,23.324 10.635,26.008 7.373,26.008C4.11,26.002 1.429,23.317 1.427,20.054Z"/> 116 </g> 117 </symbol> 118 <symbol id="icon-fullscreen" viewBox="0 0 24 24"> 119 <title>Fullscreen image gallery</title> 120 <path id="frame" d="M22,10L21,10L21,6L17,6L17,5L22,5L22,10ZM17,19L17,18L21,18L21,14L22,14L22,19L17,19ZM2,14L3,14L3,18L7,18L7,19L2,19L2,14ZM7,5L7,6L3,6L3,10L2,10L2,5L7,5Z"/> 121 <g id="screen" transform="matrix(0.875,0,0,0.8,1.5,2.4)"> 122 <rect x="4" y="7" width="16" height="10" style="fill:none;"/> 123 </g> 124 <path id="border" d="M5,16L5,8L19,8L19,16L5,16ZM18,15L18,9L6,9L6,15L18,15Z" /> 125 </symbol> 126 <symbol id="icon-tw" viewBox="0 0 24 24"> 127 <title>Twitter</title> 128 <path d="M24 4.557c-0.883 0.392-1.832 0.656-2.828 0.775 1.017-0.609 1.797-1.574 2.165-2.724-0.951 0.564-2.005 0.974-3.127 1.195-0.898-0.957-2.178-1.555-3.594-1.555-2.719 0-4.924 2.204-4.924 4.924 0 0.386 0.044 0.762 0.127 1.122-4.092-0.205-7.72-2.166-10.149-5.145-0.424 0.727-0.667 1.573-0.667 2.475 0 1.708 0.869 3.215 2.19 4.098-0.807-0.026-1.566-0.247-2.23-0.616-0 0.021-0 0.041-0 0.062 0 2.386 1.697 4.376 3.95 4.828-0.413 0.112-0.848 0.173-1.297 0.173-0.317 0-0.626-0.031-0.926-0.088 0.627 1.956 2.445 3.38 4.6 3.419-1.685 1.321-3.808 2.108-6.115 2.108-0.397 0-0.789-0.023-1.175-0.069 2.179 1.397 4.767 2.212 7.548 2.212 9.057 0 14.009-7.503 14.009-14.010 0-0.213-0.005-0.426-0.014-0.637 0.962-0.694 1.797-1.561 2.457-2.549z" /> 129 </symbol> 130 <symbol id="icon-ig" viewbox="0 0 24 24"> 131 <title>Instagram</title> 132 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> 133 </symbol> 134 </defs> 135 </svg> 136 <div id="outer-wrap"> 137 <div id="inner-wrap"> 138 139 140 141 142<header class="wrapper header"> 143 <div class="grid-row rel"> 144 <div class="grid-col bp-nav-col-four"> 145 <div id="top" class="header__nav-btn"> 146 <a class="nav-btn" id="nav-open-btn" href="#nav"> 147 <svg class="icon icon-menu"><use xlink:href="#icon-menu"></use></svg> 148 <span id="icon-menu-text">Menu</span> 149 </a> 150 </div> 151 <h2 class="header__logo"><a href="/">Spatial Affairs Bureau</a></h2> 152 </div> 153 <div class="grid-col bp-nav-col-eight"> 154 <span class="header__sub"> 155 overview 156 </span> 157 </div> 158 </div> 159</header> 160 161 162 163 <div role="main"> 164 165 <section class="section wrapper"> 166 167 <div class="grid-row mb"> 168 169 170 171 172 <div class="grid-col bp3-col-four"> 173 174 175 <div class="resp-img img-level-text mb"> 176 <img data-opt-src="https://mlmlb1i3sdms.i.optimole.com/w:384/rt:auto/q:100/https://www.spatialaffairsbureau.com/library/general/overview_image.jpg" width="384"/> 177 178 </div> 179 180 181 182 183 184 </div> 185 <div class="grid-col bp3-col-eight"> 186 187 <div class="resp-img rte"> 188 189 <p>Spatial Affairs Bureau is an award-winning international architecture, interior design and urban strategy firm based in the United Kingdom but with projects in the US, Europe as well as the UK.</p> 190 191<p>Projects range across considerable scales and settings, with a consistency in design approach and an implicit commitment to headline strategy and detailed execution.</p> 192 193<p>Each new project is treated as an opportunity for open-minded exploration whilst being committed to completing and building those strands of investigation.</p> 194 195<p>‘Spatial Affairs’ is capable across disciplines - including lighting, garden design and interior architecture - though as projects require it we like also to collaborate with other specialists.</p> 196 197<p>Follow the links for more information about how we work, studio leader Peter Culley, our clients, office make-up, and responses to our outputs.</p> 198 199<ul class="unstyled-list"> 200<li><a href="/approaches/">Approaches</a></li> 201<li><a href="/team/profile/peter_culley">Peter Culley</a></li> 202<li><a href="/clients/">Clients</a></li> 203<li><a href="/awards/">Awards</a></li> 204<li><a href="/press/">Press</a></li> 205</ul> 206 207<p> </p> 208 209 </div> 210 211 212 213 214 215 216 217 218 </div> 219 220 221 222 223 </div> 224 <div class="fixed-nav-prop"> </div> 225 </section> 226 </div> 227 228 229 <section class="section wrapper-nav"> 230 <nav id="nav" role="navigation" class="flexNav-nav"> 231 <div class="nav-background__wrapper"> 232 <span id="nav-background" class="nav-background"></span> 233 </div> 234 <ul> 235 <li class="top-level item-with-ul">
236 <a href="/overview/" class="link-with-ul first about">about</a> 237 <ul class="sub-menu"> 238 <li><a href="/overview/">overview</a></li> 239 <li><a href="/approaches/">approaches</a></li> 240 <li><a href="/team/profile/peter_culley">Peter Culley</a></li> 241 <li><a href="/clients/">clients</a></li> 242 <li><a href="/awards/">awards</a></li> 243 <li><a href="/press/">press</a></li> 244 </ul> 245 </li> 246 247 <li class="top-level item-with-ul"> 248 <a href="/projects/" class="link-with-ul projects">projects</a> 249 <ul class="sub-menu"> 250 <li class="all"><a href="/projects/">all projects</a></li> 251 252 <li><a href="/projects/civic">Civic</a></li> 253 254 <li><a href="/projects/commercial">Commercial</a></li> 255 256 <li><a href="/projects/cultural">Cultural</a></li> 257 258 <li><a href="/projects/domestic">Domestic</a></li> 259 260 <li><a href="/projects/educational">Educational</a></li> 261 262 <li><a href="/projects/hospitality">Hospitality</a></li> 263 264 </ul> 265 </li> 266 267 <li class="top-level item-with-ul">
268 <a href="/products/" class="link-with-ul products">products</a> 269 <ul class="sub-menu"> 270 <li class="all"><a href="/products/">all products</a></li> 271 272 <li><a href="/products/fittings">Fittings</a></li> 273 274 <li><a href="/products/fixtures">Fixtures</a></li> 275 276 <li><a href="/products/furniture">Furniture</a></li> 277 278 </ul> 279 </li> 280 281 <li class="top-level"> 282 <a href="/news/" class="news">news</a> 283 </li> 284 285 <li class="top-level"> 286 <a href="/contact/" class="contact">contact</a> 287 </li> 288 289 <li class="top-level nav-mob-hide"> 290 <form id="lg-screen-search" class="search" method="post" action="https://www.spatialaffairsbureau.com/" > 291<div class='hiddenFields'> 292<input type="hidden" name="ACT" value="1" /> 293<input type="hidden" name="RES" value="" /> 294<input type="hidden" name="meta" value="n4C91OT07qDoN9pPfwbjVOoxJsKCycpq+JKGvbW6hhXu/xUWN0M13jSyHH+MgpSteeohBmmXg0NRFUyfRC4pCC3tUL8K6+kk7daBqpO2fBZwQ+FX+4aqndVi1YSHILMZct7Ia+cG9xwyO+mqznfYsgWpNgk+tAQIj+l9KrLvH1ALMjhMOnZ/WW0URTZH+i3AXgeYh8tBPT8oixTUsw930zeAFonhNI+HHJ03lmrYqgTqwyAYACdFjtx+PiCM5oAVyhKXdRlA1L0GjKSf17luE1qaOTyDMyXfNjZyruA1QMT6RFfebohkVM+WF6Dvhy0IYrsMLEM7BHmd6rGtUMo25sQCmisZ7Dc+foCudmamrK1Su9Lc4Luqt4JW181w7LwVlEYdMLrBD/giKS+idwYt7ZHw3UD9OvUSMSou/GxCyk0=" /> 295<input type="hidden" name="site_id" value="1" /> 296<input type="hidden" name="csrf_token" value="e7e881a8984bc81ca1bd040a7013f15fceaafe0c" /> 297</div> 298 299 300 <label for="keywords" class="search__label"> 301 <svg class="icon icon-search"><use xlink:href="#icon-search"><title>Search</title></use></svg> 302 </label> 303 <input name="keywords" id="keywords" type="text" class="search__input" placeholder="search"> 304 </form> 305 </li> 306 307 <li class="top-level soc nav-right last"> 308 <ul class="sub-top"> 309 <li><a href="https://twitter.com/spatialaffairs"><svg class="icon icon-tw"><use xlink:href="#icon-tw"><title>Twitter</title></use></svg></a></li> 310 <li><a href="https://www.instagram.com/spatialaffairs/"><svg class="icon icon-tw"><use xlink:href="#icon-ig"><title>Instagram</title></use></svg></a></li> 311 </ul> 312 </li> 313 314 </ul> 315 <a class="close-btn" id="nav-close-btn" href="#top"> 316 <svg class="icon icon-close"><use xlink:href="#icon-close"></use></svg> 317 </a> 318 </nav> 319 </section> 320 </div> 321 </div> 322 323 324 <div class="search__container"> 325 <nav class="search--small"> 326 <form id="sm-screen-search" class="search" method="post" action="https://www.spatialaffairsbureau.com/" > 327<div class='hiddenFields'> 328<input type="hidden" name="ACT" value="1" /> 329<input type="hidden" name="RES" value="" /> 330<input type="hidden" name="meta" value="MsPrrootFddk1dFd+rCpbdIMMxv4noKZxc4hBnWOroExr+XiFMAt5XVKMI/b4fH8eYFmbO5ep3BNhP42xqtvVE4XjDDDFS/fi92Lzm5T3oKOSTsj3Kko1qtzlTNmrU6IxFV/il1gEJhWe/ncGXJPK4Z4TY6aX04Jt/I2oGRJPDCJQnUrIX2LBXXnSrEKY7g+voTToIXObuTEdtX0JF0qw/AYpWz4BjiUd5cf5ncunmI/W6Epr005AC26CyyZBFaOBYHrLfpJ9i2UUoNzBTYCddmpZGcTteDvD5DllQjKNhpDq9kCbqKEYZHUaZ6ruEuku3+MbMF
330dmp8HUug4Ihf3ZsRbGfHqEBFnNfoAHlxTxx29ZXs4jXO/4s1mdOIj/lPv+gEEX8j+CJ0Utmqna0R4l9re6vOcx1ZqpPsFSxOhkJ0=" /> 331<input type="hidden" name="site_id" value="1" /> 332<input type="hidden" name="csrf_token" value="e7e881a8984bc81ca1bd040a7013f15fceaafe0c" /> 333</div> 334 335 336 <label for="keywords2" class="search__label"> 337 <svg class="icon icon-search"><use xlink:href="#icon-search"><title>Search</title></use></svg> 338 </label> 339 <input name="keywords" id="keywords2" type="search" class="search__input" placeholder="search"> 340 </form> 341</nav> 342 </div> 343 344 345
345<script type="text/javascript" src="/dist/js/combined.js"></script>
345 346 347 348 349 350 351
352<script type="text/javascript"> 353 354var windowWidth = jQuery(window).width(); 355var windowHeight = jQuery(window).height(); 356 357var windowWidthPrev = windowWidth; 358var windowHeightPrev = windowHeight; 359 360var wrapperElementWidth = ''; 361 362 363jQuery.fn.doAfterResizing = function(){ 364 365} 366 367jQuery.fn.vjustifyMinHeight=function() { 368 var maxHeight=0; 369 this.each(function(){ 370 if (this.offsetHeight>maxHeight) {maxHeight=this.offsetHeight;} 371 }); 372 this.each(function(){ 373 jQuery(this).css('min-height',(maxHeight + "px")); 374 if (this.offsetHeight>maxHeight) {jQuery(this).css('min-height',((maxHeight-(this.offsetHeight-maxHeight))+"px"));} 375 }); 376}; 377jQuery.fn.setMinHeight = function(setCount) { 378 for(var i = 0; i < this.length; i+=setCount) { 379 var curSet = this.slice(i, i+setCount), 380 height = 0; 381 curSet.each(function() { height = Math.max(height, $(this).height()); }) 382 .css('min-height', height); 383 //console.log(height); 384 } 385 return this; 386}; 387 388jQuery.fn.justifyPanelHeight=function() { 389 390 setTimeout(function(){ 391 392 jQuery('.promo-grid').find('h2, p').css('min-height',''); 393 394 if(windowWidth >= "480" && windowWidth <= "666") { 395 jQuery('.promo-grid.grid-50_50').each(function(index) { 396 jQuery(this).find('h2').setMinHeight(2); 397 jQuery(this).find('p:first-of-type').setMinHeight(2); 398 jQuery(this).find('p.cta').setMinHeight(2); 399 }); 400 401 } else if(windowWidth >= "667") { 402 jQuery('.promo-grid.grid-50_50').each(function(index) { 403 jQuery(this).find('h2').setMinHeight(2); 404 jQuery(this).find('p:first-of-type').setMinHeight(2); 405 jQuery(this).find('p.cta').setMinHeight(2); 406 }); 407 }; 408 409 }, 125); 410} 411 412jQuery(document).ready(function(){ 413 wrapperElementWidth = jQuery('section.wrapper').width(); 414}); 415 416window.onload = function(){jQuery.fn.justifyPanelHeight();}; 417 418jQuery(window).resize(function() { 419 420 if(jQuery(this).width() != windowWidth){ // Check that the width has changed by comparing it to our stored value - fixes an issue shown on Android when a person taps a text field. This shows the keyboard but also fired the resize event. 421 windowWidthPrev = windowWidth; 422 windowWidth = jQuery(this).width(); // Save the new window width for the next time it needs to be compared. 423 } 424 if(jQuery(this).height() != windowHeight){ 425 windowHeightPrev = windowHeight; 426 windowHeight = jQuery(this).height(); 427 } 428 429 wrapperElementWidth = jQuery('section.wrapper').width(); 430 431 jQuery.fn.justifyPanelHeight(); 432 433 clearTimeout(this.id); 434 this.id = setTimeout(jQuery.fn.doAfterResizing, 125); 435}); 436 437 </script>
437 438 439 440 441 442 443 444 445 446 447 448 449 450 </body> 451</html> 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.