_extensions.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .default-animation {
  2. @include transition(all 0.5s ease);
  3. }
  4. // Pulse Animation
  5. .pulse {
  6. animation-name: pulse_animation;
  7. animation-duration: 2000ms;
  8. transform-origin:70% 70%;
  9. animation-iteration-count: infinite;
  10. animation-timing-function: linear;
  11. }
  12. @keyframes pulse_animation {
  13. 0% { transform: scale(1); }
  14. 30% { transform: scale(1); }
  15. 40% { transform: scale(1.08); }
  16. 50% { transform: scale(1); }
  17. 60% { transform: scale(1); }
  18. 70% { transform: scale(1.05); }
  19. 80% { transform: scale(1); }
  20. 100% { transform: scale(1); }
  21. }
  22. .default-border-radius {
  23. border-radius: 4px;
  24. }
  25. .default-glow-shadow {
  26. box-shadow: 0 0 20px rgba(0,0,0,0.2);
  27. }
  28. .default-box-shadow {
  29. box-shadow: 0 0 10px 2px rgba(0,0,0,0.03);
  30. }
  31. .login-box-shadow {
  32. box-shadow: 0 10px 100px 0px rgba(0,0,0,0.4);
  33. }
  34. .padding-horiz {
  35. padding-left: $padding-horiz;
  36. padding-right: $padding-horiz;
  37. @include breakpoint(desktop-only) {
  38. padding-left: $padding-horiz - 3rem;
  39. padding-right: $padding-horiz - 3rem;
  40. }
  41. @include breakpoint(mobile-only) {
  42. padding-left: $padding-horiz - 6rem;
  43. padding-right: $padding-horiz - 6rem;
  44. }
  45. }
  46. .padding-vert {
  47. padding-top: $padding-vert;
  48. padding-bottom: $padding-vert;
  49. }