Replies: 1 comment
-
Hey @Kacktide This has been ignored by Tailwind for now because it is possible to customize and create a utility, as said by Adam Wathan, creator of Tailwind:
Originally posted by @adamwathan in #162 (comment) In your main CSS file, you can create a utility like this: @tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
@variants responsive {
.text-shadow {
text-shadow: 0 2px 4px rgba(0,0,0,0.10);
}
.text-shadow-md {
text-shadow: 0 4px 8px rgba(0,0,0,0.12), 0 2px 4px rgba(0,0,0,0.08);
}
.text-shadow-lg {
text-shadow: 0 15px 30px rgba(0,0,0,0.11), 0 5px 15px rgba(0,0,0,0.08);
}
.text-shadow-none {
text-shadow: none;
}
}
} |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
As we all know just like the shadow property for box-shadow, we need same for text-shadow
Beta Was this translation helpful? Give feedback.
All reactions