[ad_1]
.WB18__nav.WB18__nav–citylist a { display: block; width: 100%; z-index: 200; } .WB18__header–wrap p { margin-bottom: 0; line-height: 0 } .WB18__header–wrap .block img { width: 100% } .WB18 { box-sizing: border-box } .WB18 * { box-sizing: inherit } .WB18 a { transition-property: background-color, color; transition-duration: .2s } .grid { display: block } .grid>div { float: left } .grid { display: flex; flex-direction: column } @media (min-width:768px) { .grid { flex-direction: row } .grid>* { padding-left: 1em; padding-right: 1em; flex-grow: 1 } .grid>:first-child { margin-left: 0 } .grid>:last-child { margin-right: 0 } .block { width: 100% } } .font__display–proxima { font-family: proxima-nova, “Helvetica Neue”, Helvetica, Arial, sans-serif; font-family: “Work Sans”, sans-serif } .font__display–jubilat { font-family: jubilat, Georgia, serif; font-family: “Work Sans”, sans-serif } .WB18 h1, .WB18 h2, .WB18 h3, .WB18 h4, .WB18 h5, .WB18 h6 { font-family: proxima-nova, “Helvetica Neue”, Helvetica, Arial, sans-serif; font-family: “Work Sans”, sans-serif; font-weight: 900 } .WB18__header–wrap { margin-bottom: 2em; position: relative; /* margin-top: -38px */ } .WB18__header { display: block; text-align: right; background-color: #91c1c5; color: #fff; background-position: center center; font-family: jubilat, Georgia, serif; font-family: “Work Sans”, sans-serif; cursor: pointer } .WB18__header img { width: 100%; height: auto; /* margin-top: -2.4em */ } .WB18__header span { display: inline-block; color: #91c1c6; transition-property: color; transition-duration: .2s } .WB18__header span.to-animate { animation-name: tada; animation-duration: .9s; animation-delay: 1s } .WB18__header:hover span { color: #dc143c; color: #fff } .WB18__header:hover span.label__year { color: #444 } .WB18__headline, .single-post article h1.WB18__headline { color: #fff } .WB18__header .label__year { position: absolute; top: -20px; right: 0; line-height: 1em; padding: .3em .8em .2em; background-color: #e5eff6; color: #163335; font-weight: 900; box-shadow: 2px 2px 6px rgba(0, 0, 0, .5); border-radius: 20%/50% } @media (min-width:768px) { .WB18__header .label__year { font-size: 1.4em; right: -2em } } nav.WB18__nav.WB18__nav–citylist { z-index: 200; } .WB18__nav { display: flex; flex-wrap: wrap; flex-direction: column; margin: 0; background-color: #163335 } @media (min-width:768px) { .WB18__nav { flex-direction: row; justify-content: space-between } .WB18__nav a, .WB18__nav button { flex-grow: 1 } } .WB18__nav a, .WB18__nav button { padding: 1rem 1.5rem; border: 0; text-align: center; background-color: #91c1c5; color: #163335 !important; font-family: “Work Sans”, sans-serif; text-decoration: none !important } #WB18__nav–toggler.active, .WB18__nav a:hover, .WB18__nav button:hover { background-color: #1e90ff; background-color: #235e63; color: #fff !important; font-weight: 700 } .WB18__nav–home { order: 1 } .WB18__nav–top35 { order: 2 } .WB18__nav–overview { order: 3 } #WB18__nav–toggler { order: 4 } .WB18__nav button { outline: 0 } .WB18__nav #WB18__nav–toggler { position: relative; z-index: 20; color: #235e63 } .WB18__nav #WB18__nav–toggler::after { display: inline-block; padding: 0 1rem; content: ‘ 025BE’; transition-property: transform; transition-duration: .2s } .WB18__nav #WB18__nav–toggler.active::after { content: ‘ 025BE’; transform: rotate(180deg) } .WB18__nav–citylist { position: absolute; display: flex; width: 100%; z-index: 10; flex-direction: column; display: none; box-shadow: 0 6px 4px rgba(0, 0, 0, .5) } .WB18__nav–citylist.active { transform: translateX(0); z-index: 20 } .WB18__nav–citylist a { background-color: #163335; color: #91c1c5; color: #fff !important } .WB18__nav–citylist a:hover { background-color: #444; color: #fff; background-color: #235e63 } @media (min-width:768px) { .WB18__nav–home { order: 2 } .WB18__nav–top35 { order: 3 } .WB18__nav–overview { order: 4 } #WB18__nav–toggler { order: 1 } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } }
$(function () { $(“.WB18__nav–toggler”).click(function () { $(“.WB18__nav–citylist”).slideToggle() }) });
table.city-ranking {
font-family: proxima-nova, Helvetica, Arial, sans-serif
}
table.city-ranking tr td {
font-size: .9em
}
table.city-ranking tr>td:nth-of-type(9),
table.city-ranking tr>td:nth-of-type(10),
table.city-ranking tr>td:nth-of-type(11) {
color: orange
}
table.city-ranking tr>td:nth-of-type(1),
table.city-ranking tr>td:nth-of-type(3) {
text-transform: capitalize
}
.footable-details td,
.footable-details th,
table.city-ranking tr>td:last-of-type table.footable-details td:last-of-type {
color: #333
}
table.city-ranking th.bar {
width: 100px
}
table.city-ranking span.bar {
display: inline-block;
position: relative;
z-index: 10;
height: 2rem;
width: 100%
}
span.bar>span.bar-inner {
display: block;
height: 2rem;
z-index: 11;
font-size: 1rem;
line-height: 2rem;
padding-left: .5rem;
color: #fff;
font-weight: 900
}
span.bar.value {
background-color: #afeeee
}
span.bar.momentum {
background-color: salmon
}
span.bar.value>span.bar-inner {
background-color: #1e90ff
}
span.bar.momentum>span.bar-inner {
background-color: #dc143c
}
.WB18__legend {
margin: 1em 0;
padding: 1em 1em 6px;
font-size: 1.4rem;
border: solid 1px #ddd;
font-family: proxima-nova, Helvetica, Arial, sans-serif
}
.WB18__legend dt {
font-weight: bold;
}
.WB18__legend p.WB18__legend–explanatory {
font-size: 1.4rem
}
.WB18__legend .hide-on-mobile {
display: none
}
.WB18__legend .hide-on-desktop {
display: inline
}
@media (min-width:768px) {
.WB18__legend .hide-on-mobile {
display: inline
}
.WB18__legend .hide-on-desktop {
display: none
}
}
table.footable-details tbody tr th {
padding: 9px 10px
}
/* constrain the size of the table and have it scroll horizontally */
.ms-footable-wrapper-2021 {
max-width: 100%;
/* 100% of main content column */
overflow-x: scroll;
}
.ms-footable-wrapper-2021::before {
content: ‘SCROLL FOR MORE →’;
position: relative;
top: 5em;
color: #91c1c5;
z-index: 100;
left: 1em;
font-weight: bold;
}
Sub division | Postal FSA | Neighbourhood name | Overall rank | Avg price 2020 | 1-year growth | 3-year growth | 5-year growth | Value score (out of 5 stars) | Neighbourhood economics score (out of 5 stars) | Neighbourhood accessibility score (out of 5 stars) | % Households with Children |
---|---|---|---|---|---|---|---|---|---|---|---|
delta | V4E | sunshine hills | 1 | $1,065,567 | 3.0% | 4.9% | 52.2% | 3.4 | 5.0 | 3.8 | 55% |
delta | V4M | tsawwassen central | 2 | $944,117 | 3.8% | -1.4% | 34.6% | 3.4 | 4.6 | 0.0 | 42% |
surrey | V4N | clayton | 3 | $945,975 | 5.9% | 18.5% | 83.5% | 4.1 | 3.4 | 0.9 | 53% |
surrey | V4A | sunnyside | 4 | $924,167 | 0.4% | -2.8% | 44.4% | 3.3 | 4.2 | 4.0 | 37% |
surrey | V4A | south surrey – whiterock | 5 | $949,767 | 0.9% | -1.7% | 44.1% | 3.3 | 4.2 | 4.0 | 37% |
surrey | V4N | tynehead – fleetwood | 6 | $912,475 | 5.8% | 13.9% | 74.4% | 4.0 | 3.4 | 0.9 | 53% |
surrey | V4N | fleetwood | 7 | $912,375 | 5.8% | 13.9% | 74.4% | 4.0 | 3.4 | 0.9 | 53% |
surrey | V3S | west newton | 8 | $750,625 | 3.1% | 17.4% | 84.2% | 4.3 | 3.1 | 1.7 | 51% |
surrey | V3Z | morgan creek | 9 | $1,185,092 | 1.4% | 3.7% | 45.0% | 3.0 | 4.3 | 2.0 | 45% |
delta | V4M | tsawwassen beach / english bluff | 10 | $1,378,183 | 6.2% | -4.8% | 26.9% | 2.6 | 4.6 | 0.0 | 42% |
delta | V4L | beach grove | 11 | $815,575 | 3.3% | -0.8% | 32.6% | 3.5 | 3.7 | 3.1 | 32% |
surrey | V3S | cloverdale | 12 | $882,633 | 6.0% | 13.9% | 70.0% | 4.1 | 3.1 | 1.7 | 51% |
surrey | V3S | east newton | 13 | $969,975 | 3.8% | 19.0% | 86.8% | 4.0 | 3.1 | 1.7 | 51% |
surrey | V4A | crescent beach | 14 | $1,179,925 | 3.3% | -5.6% | 44.0% | 2.9 | 4.2 | 4.0 | 37% |
surrey | V3S | sullivan station | 15 | $785,758 | 4.0% | 8.7% | 62.5% | 4.0 | 3.1 | 1.7 | 51% |
surrey | V3Z | pacific douglas | 16 | $1,158,200 | 0.9% | -7.2% | 41.3% | 2.8 | 4.3 | 2.0 | 45% |
delta | V4K | ladner | 17 | $843,400 | 4.3% | -1.3% | 29.4% | 3.5 | 3.6 | 1.1 | 41% |
surrey | V3Z | grandview | 18 | $1,360,475 | 1.0% | 1.1% | 41.0% | 2.7 | 4.3 | 2.0 | 45% |
surrey | V3S | panorama ridge | 19 | $984,583 | 3.2% | 8.4% | 66.5% | 3.7 | 3.1 | 1.7 | 51% |
surrey | V4N | port kells | 20 | $1,450,692 | 8.0% | 17.5% | 79.7% | 3.4 | 3.4 | 0.9 | 53% |
delta | V4L | boundary bay | 21 | $1,127,967 | 6.9% | -3.4% | 25.5% | 3.1 | 3.7 | 3.1 | 32% |
surrey | V4N | fraser heights | 22 | $1,243,317 | 2.8% | 6.2% | 53.4% | 3.1 | 3.4 | 0.9 | 53% |
delta | V4C | north delta | 23 | $922,175 | 4.0% | 9.4% | 61.0% | 3.8 | 2.7 | 2.4 | 51% |
surrey | V3R | guildford | 24 | $596,225 | 3.7% | 22.4% | 94.6% | 4.8 | 1.4 | 2.9 | 47% |
surrey | V4P | elgin chantrell | 25 | $1,739,442 | -1.2% | -14.6% | 20.6% | 1.5 | 4.2 | 3.2 | 41% |
surrey | V3S | campbell valley | 26 | $1,703,217 | 4.6% | 5.5% | 69.3% | 2.5 | 3.1 | 1.7 | 51% |
surrey | V3V | bridgeview | 27 | $586,917 | 10.5% | 17.6% | 73.7% | 4.8 | 0.7 | 1.7 | 48% |
surrey | V3T | whalley | 28 | $549,183 | 3.4% | 29.2% | 101.2% | 5.0 | 0.0 | 5.0 | 34% |
surrey | V3T | bridgeview | 29 | $586,917 | 10.5% | 17.6% | 73.7% | 4.8 | 0.0 | 5.0 | 34% |
surrey | V3S | hazelmere | 30 | $2,275,217 | 0.1% | -3.0% | 69.1% | 1.2 | 3.1 | 1.7 | 51% |
surrey | V3S | campbell valley | 31 | $2,629,248 | -23.2% | 26.6% | 19.6% | 0.0 | 3.1 | 1.7 | 51% |