We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
I'm trying to use tailwinds background gradients but they do not seem to be supported.
Documentation: https://tailwindcss.com/docs/background-image#linear-gradients
``
Example: Using the CSS classes bg-gradient-to-r from-cyan-400 to-blue-500 should create a gradient, instead no background is applied. https://stackblitz.com/edit/nativescript-stackblitz-templates-nsvck4?file=app%2Fmain-page.xml&title=NativeScript%20Starter%20TypeScript
bg-gradient-to-r from-cyan-400 to-blue-500
The text was updated successfully, but these errors were encountered:
I believe this is because core does not support css variables in gradients yet.
Sorry, something went wrong.
Would that be difficult to support in core?
Not sure, probably not too difficult, but I don't know without diving into it...
Your best bet until it is supported would be to define the gradients with regular css (can even be via tailwind's inline definitions), or in the tailwind config as custom background values: https://tailwindcss.com/docs/background-image#customizing-your-theme
module.exports = { theme: { extend: { + backgroundImage: { + 'gradient-red-to-blue': "linear-gradient(to right, red, blue)", + } } } }
No branches or pull requests
I'm trying to use tailwinds background gradients but they do not seem to be supported.
Documentation:
https://tailwindcss.com/docs/background-image#linear-gradients
``
Example:
Using the CSS classes
bg-gradient-to-r from-cyan-400 to-blue-500
should create a gradient, instead no background is applied.https://stackblitz.com/edit/nativescript-stackblitz-templates-nsvck4?file=app%2Fmain-page.xml&title=NativeScript%20Starter%20TypeScript
The text was updated successfully, but these errors were encountered: