reset.css 916 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. /* 1. Use a more-intuitive box-sizing model */
  2. *,
  3. *::before,
  4. *::after {
  5. box-sizing: border-box;
  6. }
  7. /* 2. Remove default margin */
  8. * {
  9. margin: 0;
  10. }
  11. /* 3. Enable keyword animations */
  12. @media (prefers-reduced-motion: no-preference) {
  13. html {
  14. interpolate-size: allow-keywords;
  15. }
  16. }
  17. body {
  18. /* 4. Add accessible line-height */
  19. line-height: 1.5;
  20. /* 5. Improve text rendering */
  21. -webkit-font-smoothing: antialiased;
  22. }
  23. /* 6. Improve media defaults */
  24. img,
  25. picture,
  26. video,
  27. canvas,
  28. svg {
  29. display: block;
  30. max-width: 100%;
  31. }
  32. /* 7. Inherit fonts for form controls */
  33. input,
  34. button,
  35. textarea,
  36. select {
  37. font: inherit;
  38. }
  39. /* 8. Avoid text overflows */
  40. p,
  41. h1,
  42. h2,
  43. h3,
  44. h4,
  45. h5,
  46. h6 {
  47. overflow-wrap: break-word;
  48. }
  49. /* 9. Improve line wrapping */
  50. p {
  51. text-wrap: pretty;
  52. }
  53. h1,
  54. h2,
  55. h3,
  56. h4,
  57. h5,
  58. h6 {
  59. text-wrap: balance;
  60. }
  61. /*
  62. 10. Create a root stacking context
  63. */
  64. #root,
  65. #__next {
  66. isolation: isolate;
  67. }