Skip to content

Instantly share code, notes, and snippets.

@joeybeninghove
Created December 10, 2020 16:46
Show Gist options
  • Save joeybeninghove/a853f250ee7b1cee88526602529a4de5 to your computer and use it in GitHub Desktop.
Save joeybeninghove/a853f250ee7b1cee88526602529a4de5 to your computer and use it in GitHub Desktop.
Make select arrow blue using Tailwind CSS
select.arrow-blue-400 {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'
fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23#{str-slice(quote($colors-blue-400), 2, 7)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment