normalize.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. *,
  2. *::before,
  3. *::after {
  4. box-sizing: border-box;
  5. }
  6. html {
  7. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  8. -webkit-overflow-scrolling: touch;
  9. font-family: Avenir, Helvetica, Arial, sans-serif;
  10. -webkit-font-smoothing: antialiased;
  11. -moz-osx-font-smoothing: grayscale;
  12. }
  13. body,
  14. dl,
  15. dd,
  16. h1,
  17. h2,
  18. h3,
  19. h4,
  20. h5,
  21. h6,
  22. p,
  23. input {
  24. margin: 0;
  25. }
  26. ol,
  27. ul {
  28. margin: 0;
  29. padding: 0;
  30. list-style: none;
  31. font-size: 0;
  32. }
  33. h1,
  34. h2,
  35. h3,
  36. h4,
  37. h5,
  38. h6 {
  39. font-weight: normal;
  40. }
  41. article,
  42. aside,
  43. footer,
  44. header,
  45. hgroup,
  46. nav,
  47. section {
  48. display: block;
  49. }
  50. button,
  51. input,
  52. select,
  53. textarea {
  54. padding: 0;
  55. border-radius: 0;
  56. border: none;
  57. outline: none;
  58. font-size: inherit;
  59. background: none;
  60. }
  61. textarea {
  62. resize: none;
  63. }
  64. input::-webkit-outer-spin-button,
  65. input::-webkit-inner-spin-button {
  66. -webkit-appearance: none;
  67. }
  68. input[type='search'] {
  69. &::-webkit-search-cancel-button {
  70. -webkit-appearance: none;
  71. }
  72. &::-webkit-search-decoration {
  73. -webkit-appearance: none;
  74. }
  75. }
  76. input[type='number'] {
  77. -moz-appearance: textfield;
  78. }
  79. input,
  80. input:focus,
  81. button,
  82. button:focus {
  83. -webkit-tap-highlight-color: transparent;
  84. }
  85. img {
  86. border: none;
  87. vertical-align: top;
  88. }
  89. a {
  90. outline: none;
  91. text-decoration: none;
  92. }
  93. i {
  94. font-style: normal;
  95. }
  96. ::-webkit-input-placeholder {
  97. color: $placeholder-color;
  98. }
  99. ::-webkit-scrollbar {
  100. display: none;
  101. }