<hgroup class="header-group">
<h4 class="header-group__brow">This is the brow</h2>
<h2 class="header-group__title">Data Registry</h2>
<h3 class="header-group__subtitle">111 organisations are publishing grants data <br />to the 360Giving open data standard.</h3>
</hgroup>
<p class="header-group__excerpt">This means they are sharing information about their grantmaking in a way which allows others to use it easily and for free. You can use the table below to download datasets from these organisations.</p>
<hgroup class="header-group">
<h4 class="header-group__brow">This is the brow</h2>
<h2 class="header-group__title">Data Registry</h2>
<h3 class="header-group__subtitle">111 organisations are publishing grants data <br />to the 360Giving open data standard.</h3>
</hgroup>
<p class="header-group__excerpt">This means they are sharing information about their grantmaking in a way which allows others to use it easily and for free. You can use the table below to download datasets from these organisations.</p>
/* No context defined. */
.header-group {
--header-group-brow-text-hsl: var(--orange-dark-hsl);
--header-group-subtitle-text-hsl: var(--base-hsl);
--header-group-title-text-hsl: var(--base-hsl);
--header-group-text-hsl: var(--base-hsl);
}
.header-group__brow {
color: hsla(var(--header-group-brow-text-hsl), 1);
font-size: 1.4rem;
margin-bottom: 0;
text-transform: uppercase;
}
.header-group__title {
color: hsla(var(--header-group-title-text-hsl), 1);
font-size: 3.2em;
font-weight: 200;
line-height: 1.2;
margin: 0 0 0.8rem 0;
> small { font-size: 50%; }
}
.header-group__subtitle {
color: hsla(var(--header-group-subtitle-text-hsl), 1);
font-size: 1.6em;
font-weight: 500;
line-height: 1.375;
margin: 0 0 5.5rem 0;
}
.header-group__excerpt {
color: hsla(var(--header-group-text-hsl), 1);;
font-weight: 300;
line-height: 1.65;
margin: 1ex 0;
}
@include breakpoint($medium-max) {
.header-group br { display: none; }
}
No notes defined.