_general.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /*--------------------------------------------------------------
  2. # General
  3. --------------------------------------------------------------*/
  4. body {
  5. font-family: $font-default;
  6. color: $default;
  7. }
  8. a {
  9. text-decoration: none;
  10. color: $primary;
  11. }
  12. a:hover {
  13. color: lighten($primary, 10);
  14. text-decoration: none;
  15. }
  16. h1, h2, h3, h4, h5, h6 {
  17. font-family: $font-primary;
  18. }
  19. #main {
  20. margin-top: 90px;
  21. }
  22. /*--------------------------------------------------------------
  23. # Back to top button
  24. --------------------------------------------------------------*/
  25. .back-to-top {
  26. position: fixed;
  27. visibility: hidden;
  28. opacity: 0;
  29. right:15px;
  30. bottom: 15px;
  31. z-index: 998;
  32. background: $primary;
  33. width: 40px;
  34. height: 40px;
  35. border-radius: 50px;
  36. transition: all 0.4s;
  37. i {
  38. font-size: 24px;
  39. color: #fff;
  40. line-height: 0;
  41. }
  42. &:hover {
  43. background: lighten($primary, 8);
  44. color: #fff;
  45. }
  46. &.active {
  47. visibility: visible;
  48. opacity: 1;
  49. }
  50. }
  51. /*--------------------------------------------------------------
  52. # Disable aos animation delay on mobile devices
  53. --------------------------------------------------------------*/
  54. @media screen and (max-width: 768px) {
  55. [data-aos-delay] {
  56. transition-delay: 0 !important;
  57. }
  58. }