_icons.scss 1019 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .features-icons {
  2. padding-top: 2rem;
  3. padding-bottom: 2rem;
  4. @media (min-width: 768px) {
  5. padding-top: 6rem;
  6. padding-bottom: 6rem;
  7. }
  8. .features-icons-item {
  9. max-width: 20rem;
  10. margin: auto;
  11. .features-icons-icon {
  12. width: 10rem;
  13. height: 10rem;
  14. margin: auto;
  15. border-radius: 100%;
  16. box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.3);
  17. display: flex;
  18. justify-content: center;
  19. align-items: center;
  20. transition-duration: 200ms;
  21. img {
  22. height: 5rem;
  23. }
  24. &:hover {
  25. transform: scale(1.05);
  26. transition-property: all;
  27. transition-timing-function: linear;
  28. }
  29. }
  30. .title {
  31. font-size: 1.4375rem;
  32. margin-top: 0.625rem;
  33. }
  34. }
  35. .index-btn {
  36. &:hover {
  37. .title {
  38. color: $theme-color;
  39. }
  40. }
  41. }
  42. }