Skip to content

Instantly share code, notes, and snippets.

@dipeshhkc

dipeshhkc/button.css

Last active January 8, 2022 04:54
Show Gist options
  • Save dipeshhkc/2ac5349469019758430420a233720437 to your computer and use it in GitHub Desktop.
Save dipeshhkc/2ac5349469019758430420a233720437 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
button.css
.btn-primary {
@apply inline-flex items-center px-4 py-1.5 text-sm font-medium border border-transparent outline-none rounded shadow-sm text-white bg-purple-500 hover:bg-purple-600;
}
.btn-secondary {
@apply inline-flex items-center px-4 py-1.5 text-sm font-medium border border-transparent outline-none rounded text-purple-400 bg-purple-500 hover:bg-purple-600;
}
.btn-danger {
@apply inline-flex items-center px-4 py-1.5 text-sm font-medium border border-transparent outline-none rounded shadow-sm text-white bg-red-500 hover:bg-red-600;
}
.btn-disabled {
@apply inline-flex items-center px-4 py-1.5 text-sm font-medium border border-transparent outline-none rounded shadow-sm text-gray-400 bg-gray-100 hover:bg-gray-200;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment