_reset.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. @charset "utf-8";
  2. /*
  3. * @file: 重置样式
  4. * @update: 2015-06-03 17:28:19
  5. */
  6. body {
  7. font: #{$base-font-size}/#{$base-line-height} $base-font-family;
  8. color: $base-text-color;
  9. background-color: $base-bg-color;
  10. }
  11. a {
  12. text-decoration: none;
  13. color: nth($base-link-color, 1);
  14. &:hover {
  15. text-decoration: $base-link-decoration;
  16. color: nth($base-link-color, 2);
  17. }
  18. }
  19. /* 去除现代浏览器图片底部的空隙 */
  20. img {
  21. vertical-align: top;
  22. }
  23. em {
  24. font-style: normal;
  25. }
  26. ol,
  27. ul,
  28. menu {
  29. list-style: none outside none;
  30. }
  31. fieldset,
  32. iframe {
  33. border: 0 none;
  34. }
  35. dl,
  36. dt,
  37. dd,
  38. ul,
  39. ol,
  40. li,
  41. h1,
  42. h2,
  43. h3,
  44. h4,
  45. h5,
  46. h6,
  47. pre,
  48. code,
  49. form,
  50. fieldset,
  51. legend,
  52. input,
  53. button,
  54. textarea,
  55. p,
  56. blockquote,
  57. th,
  58. td,
  59. hr,
  60. article,
  61. aside,
  62. canvas,
  63. details,
  64. embed,
  65. figure,
  66. figcaption,
  67. footer,
  68. header,
  69. hgroup,
  70. menu,
  71. nav,
  72. output,
  73. ruby,
  74. section,
  75. summary,
  76. time,
  77. mark,
  78. audio,
  79. video {
  80. margin: 0;
  81. padding: 0;
  82. }
  83. /* IE6 7 8(q) bug 显示为行内表现 */
  84. iframe {
  85. display: block;
  86. }
  87. /* IE bug fixed: th 不继承 text-align */
  88. th {
  89. text-align: inherit;
  90. }
  91. /* 修正表单元素不继承父级字体族的问题 */
  92. input,
  93. button,
  94. select,
  95. textarea {
  96. font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
  97. }
  98. /**
  99. * 移除 IE6-11 中默认的垂直滚动条
  100. * 禁止水平拖动,防止破坏布局
  101. */
  102. textarea {
  103. @include resizable(vertical);
  104. }
  105. /* 一致的 del 样式 */
  106. del {
  107. text-decoration: line-through;
  108. }
  109. abbr {
  110. cursor: help;
  111. }
  112. /* 以下为排版样式 */
  113. hr {
  114. height: 10px;
  115. margin-bottom: .8em;
  116. border: 0;
  117. border-bottom: 1px solid #cfcfcf;
  118. }
  119. blockquote {
  120. position: relative;
  121. padding: 0 15px;
  122. margin: 15px 0;
  123. border-left: 4px solid #ddd;
  124. color: #999;
  125. }