Add lead paragraph component

This commit is contained in:
Oliver Davies 2019-05-20 20:40:13 +01:00
parent df7b6315ba
commit 7cde1007b7
3 changed files with 8 additions and 4 deletions

View file

@ -32,6 +32,10 @@ blockquote {
@tailwind components;
p.lead {
@apply text-lg
}
.wrap {
@apply w-full max-w-3xl mx-auto;

View file

@ -4,9 +4,9 @@ title: Articles
use: [posts]
---
<div class="spaced-y-10">
<header class="text-lg spaced-y-4">
<p>I enjoy writing articles, and have written a number of them so far during my career, both to document my own learning as well to act as resources for others.</p>
<p>Here are some of my favourites.</p>
<header class="spaced-y-4">
<p class="lead">I enjoy writing articles, and have written a number of them so far during my career, both to document my own learning as well to act as resources for others.</p>
<p class="lead">Here are some of my favourites.</p>
</header>
<div class="spaced-y-12">

View file

@ -28,7 +28,7 @@ talks:
{% set talks = getTalks(page.talks|merge(data.talks)) %}
<header class="mb-6">
<p class="text-lg">After giving my first talk in September 2012, I have now given {{ talks|pastEvents|length }} presentations at various conferences and meetups, on topics including PHP, Drupal, Git, CSS and systems administration.</p>
<p class="lead">After giving my first talk in September 2012, I have now given {{ talks|pastEvents|length }} presentations at various conferences and meetups, on topics including PHP, Drupal, Git, CSS and systems administration.</p>
</header>
<div class="spaced-y-10">