@tailwindcss/typography - npm Package Compare versions

Comparing version 0.5.8 to 0.5.9

package.json

		{
		"name": "@tailwindcss/typography",
		"version": "0.5.8",
		"version": "0.5.9",
		"description": "A Tailwind CSS plugin for automatically styling plain HTML content with beautiful typographic defaults.",
		@@ -5,0 +5,0 @@ "main": "src/index.js",

src/index.test.js

		@@ -1297,1 +1297,29 @@ const path = require('path')
		})

		test('lead styles are inserted after paragraph styles', async () => {
		let config = {
		content: [{ raw: html`<div class="prose"></div>` }],
		}

		return run(config).then((result) => {
		expect(result.css).toIncludeCss(
		css`
		.prose {
		color: var(--tw-prose-body);
		max-width: 65ch;
		}
		.prose :where(p):not(:where([class~='not-prose'] *)) {
		margin-top: 1.25em;
		margin-bottom: 1.25em;
		}
		.prose :where([class~='lead']):not(:where([class~='not-prose'] *)) {
		color: var(--tw-prose-lead);
		font-size: 1.25em;
		line-height: 1.6;
		margin-top: 1.2em;
		margin-bottom: 1.2em;
		}
		`
		)
		})
		})

src/styles.js

		@@ -1240,2 +1240,4 @@ const colors = require('tailwindcss/colors')
		maxWidth: '65ch',
		// TODO: Figure out how to not need this, it's a merging issue
		p: {},
		'[class~="lead"]': {
		@@ -1242,0 +1244,0 @@ color: 'var(--tw-prose-lead)',

New alerts