content: ''
display: block
-.h1
+.h1, .markdown h1
@apply text-6xl
&:after
+below(1000px)
@apply text-4xl
-.h2, .markdown h1
+.h2, .markdown h2
@apply text-4xl
&:after
constrain(width, 2.5vw)
height: 4px
-.h3, .markdown h2
+.h3, .template-text .markdown h2
font-size: 1.375rem
+
+// On text template pages, the H2's should look like H3's (no underline)
+.template-text .markdown h2:after
+ display: none
// Markdown blocks
.markdown
+ p + h2
+ margin-top: 1.5em // Give H2's a bit more room when in the middle of text
+
table
margin: 1.5em 0;
@section('content')
- @intro(['padding' => 'pb-4v'])
+ @intro(['padding' => 'pb-2v'])
- <full-width class="bg-grey-100 antialiased">
+ <full-width padding="pt-2v pb-4v" class="bg-grey-100 antialiased">
<content>
<text-block title-class="h1" :title="__('Applications')"/>