News promotion
A content block containing news articles.
<div class="tile is-ancestor">
<div class="tile">
<div class="tile is-parent is-6">
<article class="news-promotion tile is-child">
<figure class="image is-16by9">
<img src="https://static.brookes.ac.uk/design-system/assets/img/news-grid1.jpg" alt="Salmon with fresh salad vegetables">
</figure>
<div class="content">
<div class="p-20">
<h3 class="is-size-6 has-text-weight-bold m-bottom-10">29 March 2023</h3>
<h4 class="is-size-5 m-bottom-10"><a href="#">New study at Oxford Brookes University to examine link between diet and multiple sclerosis</a></h4>
<p class="is-size-5">A new study aims to find specific diets that could improve the quality of life of people with multiple sclerosis.</p>
</div>
</div>
</article>
</div>
<div class="tile is-6">
<div class="tile">
<div class="tile is-parent is-6">
<article class="news-promotion tile is-child">
<figure class="image is-16by9">
<img src="https://static.brookes.ac.uk/design-system/assets/img/news-grid2.jpg" alt="Nursing symbols">
</figure>
<div class="p-20">
<h3 class="is-size-6 has-text-weight-bold m-bottom-10">27 March 2023</h3>
<h4 class="is-size-5 m-bottom-10"><a href="#">Covid pandemic highlighted the need for more school nurses</a></h4>
</div>
</article>
</div>
<div class="tile is-parent is-6">
<article class="news-promotion tile is-child">
<figure class="image is-16by9">
<img src="https://static.brookes.ac.uk/design-system/assets/img/news-grid3.jpg" alt="Dr Matt Lawson teaching at Oxford Brookes University">
</figure>
<div class="p-20">
<h3 class="is-size-6 has-text-weight-bold m-bottom-10">23 March 2023</h3>
<h4 class="is-size-5 m-bottom-10"><a href="#">Oxford Brookes music lecturer researches the music used to depict characters in video games</a></h4>
</div>
</article>
</div>
</div>
<div class="tile">
<div class="tile is-parent is-6">
<article class="news-promotion tile is-child">
<figure class="image is-16by9">
<img src="https://static.brookes.ac.uk/design-system/assets/img/news-grid4.jpg" alt="World Leading in 19 subjects">
</figure>
<div class="p-20">
<h3 class="is-size-6 has-text-weight-bold m-bottom-10">22 March 2023</h3>
<h4 class="is-size-5 m-bottom-10"><a href="#">Oxford Brookes University ranked as world leading institution in 19 subjects</a></h4>
</div>
</article>
</div>
<div class="tile is-parent is-6">
<article class="news-promotion tile is-child">
<figure class="image is-16by9">
<img src="https://static.brookes.ac.uk/design-system/assets/img/news-grid5.jpg" alt="person writing in notebook">
</figure>
<div class="p-20">
<h3 class="is-size-6 has-text-weight-bold m-bottom-10">21 March 2023</h3>
<h4 class="is-size-5 m-bottom-10"><a href="#">Poetry workshops inspired by Victorian writer highlight the role of unsung carers</a></h4>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="columns is-multiline">
<div class="column is-half-tablet is-one-quarter-desktop">
<article class="news-promotion tile is-child fill-height">
<figure class="image is-16by9">
<img src="https://static.brookes.ac.uk/design-system/assets/img/news-grid1.jpg" alt="Salmon with fresh salad vegetables">
</figure>
<div class="content">
<div class="p-20">
<h3 class="is-size-6 has-text-weight-bold m-bottom-10">29 March 2023</h3>
<h4 class="is-size-5 m-bottom-10"><a href="#">New study at Oxford Brookes University to examine link between diet and multiple sclerosis</a></h4>
<p class="is-size-5">A new study aims to find specific diets that could improve the quality of life of people with multiple sclerosis.</p>
</div>
</div>
</article>
</div>
<div class="column is-half-tablet is-one-quarter-desktop">
<article class="news-promotion tile is-child fill-height">
<figure class="image is-16by9">
<img src="https://static.brookes.ac.uk/design-system/assets/img/news-grid2.jpg" alt="Nursing symbols">
</figure>
<div class="content">
<div class="p-20">
<h3 class="is-size-6 has-text-weight-bold m-bottom-10">27 March 2023</h3>
<h4 class="is-size-5 m-bottom-10"><a href="#">Covid pandemic highlighted the need for more school nurses</a></h4>
<p class="is-size-5">More school nurses are needed to carry out vital child protection work, research by Oxford Brookes University and the University of Birmingham with the Oxford Health NHS Foundation Trust has revealed.</p>
</div>
</div>
</article>
</div>
<div class="column is-half-tablet is-one-quarter-desktop">
<article class="news-promotion tile is-child fill-height">
<figure class="image is-16by9">
<img src="https://static.brookes.ac.uk/design-system/assets/img/news-grid3.jpg" alt="Dr Matt Lawson teaching at Oxford Brookes University">
</figure>
<div class="content">
<div class="p-20">
<h3 class="is-size-6 has-text-weight-bold m-bottom-10">23 March 2023</h3>
<h4 class="is-size-5 m-bottom-10"><a href="#">Oxford Brookes music lecturer researches the music used to depict characters in video games</a></h4>
<p class="is-size-5">The music used in the popular video game The Lord of The Rings Online to represent good and evil characters raises moral and ethical questions about cultural appropriation, according to research by a lecturer from Oxford Brookes University.</p>
</div>
</div>
</article>
</div>
<div class="column is-half-tablet is-one-quarter-desktop">
<article class="news-promotion tile is-child fill-height">
<figure class="image is-16by9">
<img src="https://static.brookes.ac.uk/design-system/assets/img/news-grid4.jpg" alt="World Leading in 19 subjects">
</figure>
<div class="content">
<div class="p-20">
<h3 class="is-size-6 has-text-weight-bold m-bottom-10">22 March 2023</h3>
<h4 class="is-size-5 m-bottom-10"><a href="#">Oxford Brookes University ranked as world leading institution in 19 subjects</a></h4>
<p class="is-size-5">Oxford Brookes University is world leading in 19 subjects, according to the latest global rankings published today.</p>
</div>
</div>
</article>
</div>
</div>
The tile
element has 16 modifiers:
- 3 contextual modifiers
is-ancestor
is-parent
is-child
- 1 directional modifier
is-vertical
- 12 horizontal size modifiers
- from
is-1
- to
is-12
- from