normalize.scss 1.5 KB

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