You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

58 lines
901 B

  1. .v-btn.is-icon {
  2. min-width: auto;
  3. }
  4. .btn-animate-rotate {
  5. i {
  6. transition: all 4s ease;
  7. transform: rotate(0deg);
  8. }
  9. &:hover i {
  10. transform: rotate(360deg);
  11. }
  12. }
  13. .btn-animate-grow {
  14. i {
  15. transition: all 2s ease;
  16. transform: scale(1);
  17. }
  18. &:hover i {
  19. transform: scale(1.25);
  20. }
  21. }
  22. .btn-animate-edit {
  23. i {
  24. transition: all .7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  25. transform: rotate(0deg);
  26. }
  27. &:hover i {
  28. transform: rotate(-45deg);
  29. }
  30. }
  31. .btn-animate-wrench {
  32. i {
  33. transition: all .7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  34. transform: rotate(0deg);
  35. }
  36. &:hover i {
  37. transform: rotate(45deg);
  38. }
  39. }
  40. .btn-animate-app {
  41. i {
  42. transition: all .6s ease;
  43. transform: translate3d(0,0,0);
  44. transform-style: preserve-3d;
  45. }
  46. &:hover i {
  47. transform: scale(.7) rotateX(-180deg);
  48. }
  49. }
  50. .btn-normalcase {
  51. text-transform: none;
  52. }