One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }On this page
One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }One
On this page
One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }One
On this page
One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }One
On this page
One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }On this page
One
On this page
One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }One
On this page
One
On this page
One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }One
On this page
One
On this page
One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }One
On this page
One
On this page
One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }On this page
One
On this page
One
On this page
One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }On this page
One
On this page
One
On this page
One
/* ———- Area filter ———- */ .area-filter { background: var(–esif-light-grey); border-left: 5px solid var(–esif-blue); padding: 18px 22px; margin: 20px 0 30px; } .area-filter__label { font-weight: 700; font-size: 17px; margin: 0 0 6px; display: block; color: var(–esif-navy); } .area-filter__hint { color: var(–esif-text-muted); font-size: 15px; margin: 0 0 14px; } .area-filter__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; } .chip { background: #fff; border: 2px solid var(–esif-navy); color: var(–esif-navy); font-family: inherit; font-size: 15px; font-weight: 500; padding: 6px 14px; cursor: pointer; line-height: 1.4; border-radius: 3px; } .chip:hover { background: var(–esif-accent); } .chip[aria-pressed=”true”] { background: var(–esif-navy); color: #fff; font-weight: 700; }
East Sussex in Figures - Data Observatory uses cookies to enhance your use of this site.
You can read about the cookies we use here.