Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

buttons.css 1.4KB

12345678910111213141516171819202122232425262728293031323334353637
  1. @tailwind base;
  2. @tailwind components;
  3. @tailwind utilities;
  4. @layer components {
  5. .btn {
  6. @apply w-full
  7. sm:w-fit
  8. px-12
  9. py-4
  10. text-center
  11. text-btn uppercase font-semibold rounded-xl border-2 border-transparent cursor-pointer transition-all hover:transition-all;
  12. }
  13. .btn_primary {
  14. @apply border-none bg-gradient-to-r from-dg-secondary to-dg-primary-900 transition-all hover:bg-gradient-to-r hover:to-dg-secondary hover:from-dg-primary-900 hover:transition-all text-white;
  15. }
  16. .btn_secondary {
  17. @apply border-dg-primary-1000 text-dg-primary-1000 hover:border-dg-primary-1200 hover:text-white transition-all hover:transition-all;
  18. }
  19. .btn-secondary {
  20. @apply px-32p py-20p sm:px-64p text-center
  21. text-btn uppercase font-semibold rounded-16 cursor-pointer border-2 border-dg-primary-400 transition-all hover:transition-all text-dg-primary-900;
  22. }
  23. .contact-us-link {
  24. @apply px-16p py-12p rounded-32 cursor-pointer text-p font-medium font-secondary text-dg-primary-900 bg-dg-primary-400
  25. }
  26. //PrimaryButton
  27. .btn-primary {
  28. @apply px-32p py-20p sm:px-64p text-center
  29. text-btn uppercase font-semibold rounded-16 border-transparent cursor-pointer bg-gradient-to-r from-dg-secondary to-dg-primary-900 transition-all hover:bg-gradient-to-r hover:to-dg-secondary hover:from-dg-primary-900 hover:transition-all text-white;
  30. }
  31. }