360Giving Design System - Components

Page title 

<h1 class="page-title">
    Chloroquine/Hydroxychloroquine prevention of coronavirus disease (COVID-19) in the healthcare setting; a randomised, placebo-controlled prophylaxis study (COPCOV)
</h1>
<div class="page-title__id">
    <a href="#">(360G-SE-2010008706LOTT_2010-11-10)</a>
</div>
 
<h1 class="page-title">
  {{ title }}
</h1>
<div class="page-title__id">
  <a href="{{ id_url }}">{{ id }}</a>
</div>
 
{
  "title": "Chloroquine/Hydroxychloroquine prevention of coronavirus disease (COVID-19) in the healthcare setting; a randomised, placebo-controlled prophylaxis study (COPCOV)",
  "id": "(360G-SE-2010008706LOTT_2010-11-10)",
  "id_url": "#"
}
  • Content: 
    .page-title {
  font-weight: 500;
  font-size: 35px;
  text-align: center;
  margin-bottom: 10px;

  &__id {
    display: block;
    text-align: center;
    margin-bottom: 38px;

    a {
      font-size: 24px;
      font-weight: 400;
    }
  }
}
  • URL: /components/raw/page-title/page-title.scss
  • Filesystem Path: src/components/02-elements/page-title/page-title.scss
  • Size: 246 Bytes

No notes defined.