tailwindcss-typography
Advanced tools
Comparing version 3.0.0 to 3.0.1
@@ -8,2 +8,7 @@ # Changelog | ||
## [3.0.1] - 2020-02-13 | ||
### Fixed | ||
- Negative text indent utilities now have the expected class name (`-indent-*` instead of `indent--*`) | ||
## [3.0.0] - 2020-02-05 | ||
@@ -90,3 +95,4 @@ | ||
[Unreleased]: https://github.com/benface/tailwindcss-typography/compare/v3.0.0...HEAD | ||
[Unreleased]: https://github.com/benface/tailwindcss-typography/compare/v3.0.1...HEAD | ||
[3.0.1]: https://github.com/benface/tailwindcss-typography/compare/v3.0.0...v3.0.1 | ||
[3.0.0]: https://github.com/benface/tailwindcss-typography/compare/v2.2.0...v3.0.0 | ||
@@ -93,0 +99,0 @@ [2.2.0]: https://github.com/benface/tailwindcss-typography/compare/v2.1.1...v2.2.0 |
@@ -12,2 +12,6 @@ const plugin = require('tailwindcss/plugin'); | ||
const prefixNegativeModifiers = function(base, modifier) { | ||
return _.startsWith(modifier, '-') ? `-${base}-${modifier.slice(1)}` : `${base}-${modifier}`; | ||
}; | ||
const camelCaseToKebabCase = function(string) { | ||
@@ -27,3 +31,3 @@ return string | ||
return [ | ||
`.${e(`indent-${modifier}`)}`, | ||
`.${e(prefixNegativeModifiers('indent', modifier))}`, | ||
{ | ||
@@ -30,0 +34,0 @@ textIndent: value, |
{ | ||
"name": "tailwindcss-typography", | ||
"version": "3.0.0", | ||
"version": "3.0.1", | ||
"description": "Tailwind CSS plugin to generate typography utilities and text style components", | ||
@@ -5,0 +5,0 @@ "author": "Benoît Rouleau <benoit.rouleau@icloud.com>", |
# Typography Plugin for Tailwind CSS | ||
## Requirements | ||
This plugin requires Tailwind CSS 1.2 or later. If your project uses an older version of Tailwind, you should install the latest 2.x version of this plugin (`npm install tailwindcss-typography@2.x`). | ||
## Installation | ||
@@ -4,0 +8,0 @@ |
@@ -415,2 +415,3 @@ const _ = require('lodash'); | ||
'2': '0.5rem', | ||
'-1': '-0.25rem', | ||
}, | ||
@@ -443,2 +444,5 @@ textShadow: { | ||
} | ||
.-indent-1 { | ||
text-indent: -0.25rem; | ||
} | ||
.text-shadow { | ||
@@ -445,0 +449,0 @@ text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
60186
7
1757
467