| Category: JavaScript / CSS |
| Watchers: 2 |
| Star: 14 |
| Fork: 4 |
| Last update: Oct 20, 2020 |
A curated collection of beautiful premade gradients using default colors from the Tailwind CSS library.
This project welcomes Hacktoberfest submissions, feel free to add some more gradients, fix bugs or create new features.
We look forward to seeing your submissions
Created by Jordi Hales and Mark Mead using Tailwind and Vue.
Unaffiliated with Tailwind Labs
Removed duplicate of Sierra Leon.
Before:
👋 Hello HypeColor,
I stumbled across your website and have been using it a fair bit today, I constantly do keep getting tripped up when I click copy and it doesn't have a confirmation of some kind.
I have gone ahead and attempted to implement the confirmation, let me know what you thin 😄
Adds a new watermelon gradient 🍉
|Screenshot |
| ---------------------------------- |
| 
|
Closes #4
package-lock.json to .gitignore because this project uses Yarnlinear-gradient()
vanilla prop to keep one ClickCopy componentvalue prop which holds the value to be copied, which can either be Tailwind classes or a linear-gradient()I have two concerns:
getComputedStyle() needs a reference to a DOM element. Therefore I tried using ref, but it's populated after the first render, so the initial load of ClickCopy can't access the DOM element. My workaround was to use a prop that I mutate in mounted() and updated(), but it's bad practice.I just discovered Vue.js and tried to do my best, but because of the latter point there are warnings in the console.
I'm waiting to see what you will suggest to me 😀
This pull request fixes a few mistakes with gradient flags.
Sierra Leon).I Just found that the background color of generator options was almost the same as the text color so I changed it to bg-gray-800
####before
####after
This PR updates the website to newer packages and fixes ESLint issues.
