normalize.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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. user-select: none;
  13. -webkit-user-select: none;
  14. }
  15. body,
  16. dl,
  17. dd,
  18. h1,
  19. h2,
  20. h3,
  21. h4,
  22. h5,
  23. h6,
  24. p,
  25. input {
  26. margin: 0;
  27. }
  28. ol,
  29. ul {
  30. margin: 0;
  31. padding: 0;
  32. list-style: none;
  33. font-size: 0;
  34. }
  35. h1,
  36. h2,
  37. h3,
  38. h4,
  39. h5,
  40. h6 {
  41. font-weight: normal;
  42. }
  43. article,
  44. aside,
  45. footer,
  46. header,
  47. hgroup,
  48. nav,
  49. section {
  50. display: block;
  51. }
  52. button,
  53. input,
  54. select,
  55. textarea {
  56. padding: 0;
  57. border-radius: 0;
  58. border: none;
  59. outline: none;
  60. font-size: inherit;
  61. font-family: inherit;
  62. background: none;
  63. }
  64. textarea {
  65. resize: none;
  66. }
  67. input,
  68. textarea {
  69. -webkit-appearance: none;
  70. }
  71. input::-webkit-outer-spin-button,
  72. input::-webkit-inner-spin-button {
  73. -webkit-appearance: none;
  74. }
  75. input[type='search'] {
  76. &::-webkit-search-cancel-button {
  77. -webkit-appearance: none;
  78. }
  79. &::-webkit-search-decoration {
  80. -webkit-appearance: none;
  81. }
  82. }
  83. input[type='number'] {
  84. -moz-appearance: textfield;
  85. }
  86. input,
  87. input:focus,
  88. button,
  89. button:focus {
  90. -webkit-tap-highlight-color: transparent;
  91. }
  92. img {
  93. border: none;
  94. vertical-align: top;
  95. }
  96. a {
  97. outline: none;
  98. text-decoration: none;
  99. color: inherit;
  100. }
  101. i {
  102. font-style: normal;
  103. }
  104. ::-webkit-input-placeholder {
  105. color: $placeholder-color;
  106. }