_icons.scss 875 B

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