style.scss 686 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. .semi-animation-react-demo-auto {
  2. button {
  3. height: 50px;
  4. border: 0;
  5. cursor: pointer !important;
  6. background: #777;
  7. color: white;
  8. outline: none;
  9. -webkit-appearance: none;
  10. }
  11. button:hover {
  12. background: #878787;
  13. }
  14. .auto-main {
  15. display: grid;
  16. grid-template-columns: repeat(3, 1fr);
  17. grid-template-rows: auto 1fr;
  18. background: #575757;
  19. }
  20. .content {
  21. grid-column: span 3;
  22. }
  23. .item {
  24. background: indianred;
  25. width: 100%;
  26. overflow: hidden;
  27. color: white;
  28. }
  29. .item p {
  30. margin: 0;
  31. padding: 10px;
  32. }
  33. }