This plugin adds some utility classes for the text-shadow
css property.
<h1 class="text-shadow">Example</h1>
* {
--tw-text-shadow-opacity: 0;
--tw-text-shadow-color: rgba(0, 0, 0, var(--tw-text-shadow-opacity));
--tw-text-shadow: 0.1rem 0.1rem 0.5rem var(--tw-text-shadow-color);
}
.text-shadow {
--tw-text-shadow-color: currentColor;
--tw-text-shadow: 0.1rem 0.1rem 0.5rem var(--tw-text-shadow-opacity);
text-shadow: var(--tw-text-shadow);
}
<h1 class="text-shadow-blue-600">Example</h1>
.text-shadow-blue-600 {
--tw-text-shadow-opacity: 1;
--tw-text-shadow-color: rgba(37, 99, 235, var(--tw-text-shadow-opacity));
text-shadow: var(--tw-text-shadow);
}
<h1 class="text-shadow-50">Example</h1>
.text-shadow-50 {
--tw-text-shadow-opacity: 0.5;
}