Merge branch 'master' into preact

Author: bradlc

src/components/PageTitle.js

@@ -1,6 +1,6 @@
 export default function PageTitle({ children }) {
   return (
-    <h1 className="text-3xl leading-9 font-extrabold text-gray-900 tracking-tighter sm:text-4xl sm:leading-10 md:text-5xl md:leading-none">
+    <h1 className="text-3xl leading-9 font-extrabold text-gray-900 tracking-tight sm:text-4xl sm:leading-10 md:text-5xl md:leading-13">
       {children}
     </h1>
   )

src/components/Post.js

@@ -22,15 +22,7 @@ export default function Post({ meta, children, posts }) {
   return (
     <article className="xl:divide-y xl:divide-gray-200">
       <header className="xl:pb-10">
-        <div className="space-y-1">
-          <div>
-            <div className="text-sm uppercase font-medium leading-6 text-teal-500 tracking-wide">
-              <Link href="/">
-                <a>News</a>
-              </Link>
-            </div>
-            <PageTitle>{meta.title}</PageTitle>
-          </div>
+        <div className="space-y-1 text-center">
           <dl className="space-y-10">
             <div>
               <dt className="sr-only">Published on</dt>
@@ -41,6 +33,9 @@ export default function Post({ meta, children, posts }) {
               </dd>
             </div>
           </dl>
+          <div>
+            <PageTitle>{meta.title}</PageTitle>
+          </div>
         </div>
       </header>
       <div
@@ -50,7 +45,7 @@ export default function Post({ meta, children, posts }) {
         <dl className="py-10 xl:border-b xl:border-gray-200">
           <dt className="sr-only">Authors</dt>
           <dd>
-            <ul className="flex xl:block space-x-8 sm:space-x-12 xl:space-x-0 xl:space-y-8">
+            <ul className="flex justify-center xl:block space-x-8 sm:space-x-12 xl:space-x-0 xl:space-y-8">
               {meta.authors.map((author) => (
                 <li key={author.twitter} className="flex items-center space-x-2">
                   <img src={author.avatar} alt="" className="w-10 h-10 rounded-full" />

src/pages/_app.js

@@ -4,7 +4,7 @@ import SectionContainer from '@/components/SectionContainer'
 
 export default function App({ Component, pageProps }) {
   return (
-    <div>
+    <div className="antialiased">
       <SectionContainer>
         <Header />
       </SectionContainer>

src/pages/tailwindcss-v1-4-is-out.mdx

@@ -17,7 +17,7 @@ New features:
 
 <!--/excerpt-->
 
-Tailwind CSS v1.4.0 is here! 🥳 Another new minor version so soon? Merry Coronavirus 🎄😷🎄
+Dicta qui et iste. Sed dolorum suscipit a. Dolor iusto soluta. Quasi aut commodi in corrupti dolore perspiciatis necessitatibus a ut. Et et est perferendis exercitationem est exercitationem inventore fugit. Voluptatibus aut sunt laudantium eos hic rerum.
 
 ## New Features
 

tailwind.config.js

@@ -4,6 +4,12 @@ module.exports = {
   purge: { content: ['./src/**/*.{js,mdx}', './next.config.js'], mode: 'all' },
   theme: {
     extend: {
+      lineHeight: {
+        '11': '2.75rem',
+        '12': '3rem',
+        '13': '3.25rem',
+        '14': '3.5rem',
+      },
       fontFamily: {
         sans: ['Inter var', ...defaultTheme.fontFamily.sans],
       },
@@ -107,24 +113,24 @@ module.exports = {
           'ol li': {
             position: 'relative',
             counterIncrement: 'list-counter',
-            paddingLeft: theme('spacing.9'),
+            paddingLeft: theme('spacing.8'),
           },
           'ol li:before': {
             content: 'counter(list-counter) "."',
             position: 'absolute',
             left: '0',
-            width: '1.5rem',
-            textAlign: 'right',
+            fontWeight: '600',
+            color: theme('colors.gray.500'),
           },
           'ul li': {
             position: 'relative',
-            paddingLeft: theme('spacing.9'),
+            paddingLeft: theme('spacing.8'),
           },
           'ul li:before': {
             content: '""',
             position: 'absolute',
             top: 'calc(0.875em - 0.0625em)',
-            left: '0.5em',
+            left: '0',
             backgroundColor: theme('colors.gray.400'),
             height: '0.125em',
             width: '0.75em',