1.0.6 • Published 2 years ago
@romanzipp/tailwindcss-text-shadow v1.0.6
Tailwind CSS Text Shadow
Install
Install the plugin from npm:
yarn add -D @romanzipp/tailwindcss-text-shadow
Then add the plugin to your tailwind.config.js
file:
const textShadow = require('@romanzipp/tailwindcss-text-shadow');
module.exports = {
theme: {
// ...
},
plugins: [
textShadow,
// ...
],
};
Usage
<div class="text-shadow text-shadow-red-500 text-shadow-opacity-50">
Your awesome headline
</div>
.text-shadow
Sizes
.text-shadow-sm
.text-shadow-md
.text-shadow-lg
.text-shadow-xl
Colors
.text-shadow-red-400
.text-shadow-red-500
.text-shadow-red-600
Opacity
.text-shadow-opacity-5
.text-shadow-opacity-10
.text-shadow-opacity-20
.text-shadow-opacity-25
.text-shadow-opacity-30
.text-shadow-opacity-40
.text-shadow-opacity-50
.text-shadow-opacity-60
.text-shadow-opacity-70
.text-shadow-opacity-75
.text-shadow-opacity-80
.text-shadow-opacity-90
.text-shadow-opacity-95
.text-shadow-opacity-100
// TODO
- Support color
/
syntax - Support JIT values