tailwindcss-text-stroke
v0.0.5
Published
Adds text-stroke-[100..900] components to TailwindCSS
Downloads
862
Maintainers
Readme
text-stroke
TailwindCSS Plugin
This plugin adds text-stroke-
components. It implements it using the -webkit-text-stroke-
CSS property, which is implemented everywhere with this prefix.
Installation
- Install the package using npm:
npm install --save-dev tailwindcss-text-stroke
- Register the plugin:
import textStroke from 'tailwindcss-text-stroke'
export default {
plugins: [
textStroke
],
// ... other options
}
Available text-stroke
variants
The following variants are available:
text-stroke-inherited
- reset to inherited valuetext-stroke-none
- set to 0text-stroke-100
-text-stroke-900
- sets the -webkit-text-stroke to0.0002 * value
, so100
is0.02ex
,200
is0.04ex
,300
is0.06ex
and so on.
Have fun!