Shared sections
Blocks used on more than one page, including social links, phone lists, licenses, and associations.
A few blocks appear on more than one page (an office and an agent both have social links, phone numbers, and licenses), so Barbican ships one block for each, in an office and a member variant, sharing the same hooks. Each has the standard Header control (show / hide + label) and a Brand accent.
Social media · barbican/office-social-media, barbican/member-social-media
Section titled “Social media · barbican/office-social-media, barbican/member-social-media”Branded link tiles for a brokerage’s or agent’s social profiles. The platform marks (Facebook, Instagram, LinkedIn, TikTok, YouTube, …) keep their own brand colours by design; the hooks restyle the surrounding row.
| Class | Targets |
|---|---|
barbican-social |
The whole section |
barbican-social__heading |
The header label (also barbican-eyebrow) |
barbican-social__list |
The row of tiles |
barbican-social__item |
One profile link (icon + label) |
barbican-social__icon |
The rounded brand-colour tile |
barbican-social__label |
The text next to the icon |
/* Make the social tiles round instead of rounded-square */.barbican-social__icon { border-radius: 50%; }Other phones · barbican/office-other-phones, barbican/member-other-phones
Section titled “Other phones · barbican/office-other-phones, barbican/member-other-phones”A labelled list of additional phone numbers, each a tel: link with a type icon.
| Class | Targets |
|---|---|
barbican-phones |
The whole section |
barbican-phones__heading |
The header label (also barbican-eyebrow) |
barbican-phones__list |
The list |
barbican-phones__item |
One phone row |
barbican-phones__icon |
The type icon (mobile / fax / …), tinted with --barbican-brand |
barbican-phones__text |
The label + number stack |
barbican-phones__label |
The type label (“Mobile”, “Office”, …) |
barbican-phones__number |
The number (the tel: link) |
barbican-phones__ext |
The “ext. NNN” suffix |
Licenses · barbican/office-corporate-licenses, barbican/member-state-licenses
Section titled “Licenses · barbican/office-corporate-licenses, barbican/member-state-licenses”Credential cards for a brokerage’s corporate licenses or an agent’s state licenses. Both are the same four RESO fields (type, number, jurisdiction, expiration), so they share one card.
| Class | Targets |
|---|---|
barbican-licenses |
The whole section |
barbican-licenses__heading |
The header label (also barbican-eyebrow) |
barbican-licenses__grid |
The card grid |
barbican-licenses__card |
One licence card (also barbican-card) |
barbican-licenses__icon |
The shield icon, tinted with --barbican-brand |
barbican-licenses__type |
The licence type (“Broker”, “Corporate”) |
barbican-licenses__state |
The jurisdiction pill |
barbican-licenses__number |
The “License NNN” line |
barbican-licenses__label |
The “License” caption |
barbican-licenses__value |
The licence number (monospace) |
barbican-licenses__expiry |
The expiration line |
barbican-licenses__expiry--expired |
The expiration line when the date has passed |
Associations · barbican/office-associations, barbican/member-associations
Section titled “Associations · barbican/office-associations, barbican/member-associations”Read-only key/value lists of a RESO association collection, rendered by the generic
resource-record renderer. The hooks are flat (barbican-<part>) rather than strict
block__element, but carry the same collision-safe barbican- prefix.
| Class | Targets |
|---|---|
barbican-resource-records |
The whole section |
barbican-eyebrow |
The header label |
barbican-resource-record |
One record’s card |
barbican-resource-record-head |
A record’s subheading |
barbican-spec-grid |
The key/value grid within a record |
barbican-spec-fact |
One key/value pair (label + value) |